[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl source/text

2022-05-13 Thread Olivier Hallot (via logerrit) 
 help3xsl/default.css|   48 
 help3xsl/online_transform.xsl   |   10 +-
 source/text/shared/06/youtubevideos.xhp |2 -
 source/text/shared/help/browserhelp.xhp |4 ++
 4 files changed, 60 insertions(+), 4 deletions(-)

New commits:
commit d9880014fd80f412d10b2f7536c45941552c4760
Author: Olivier Hallot 
AuthorDate: Wed May 11 14:07:02 2022 -0300
Commit: Olivier Hallot 
CommitDate: Fri May 13 18:46:34 2022 +0200

Fix YouTube display for Help online/offline

+ Enhance button CSS display
+ Refactor XSLT
+ Refactor XHP

Change-Id: I58e46c31a97ad49eb25a4489994aae5dac62dbc3
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/134207
Tested-by: Jenkins
Reviewed-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index bc053cc70..69d86fb2c 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -397,6 +397,54 @@ h6 {
 [data-a11y-toggle]:not([aria-controls]) {
   display: none;
 }
+/* You Tube matters */
+.youtube_placeholder{
+border: 1px solid #eee;
+max-width:700px;
+padding: 10px;
+background-color: #eee;
+text-align: center;
+}
+.youtube_button {
+  appearance: none;
+  backface-visibility: hidden;
+  background-color: #27ae60;
+  border-radius: 8px;
+  border-style: none;
+  box-shadow: rgba(39, 174, 96, .15) 0 4px 9px;
+  box-sizing: border-box;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-size: 16px;
+  font-weight: 600;
+  letter-spacing: normal;
+  line-height: 1.5;
+  outline: none;
+  overflow: hidden;
+  padding: 13px 20px;
+  position: relative;
+  text-align: center;
+  text-decoration: none;
+  transform: translate3d(0, 0, 0);
+  transition: all .3s;
+  user-select: none;
+  -webkit-user-select: none;
+  touch-action: manipulation;
+  vertical-align: top;
+  white-space: nowrap;
+}
+.youtube_button:hover {
+  background-color: #1e8449;
+  opacity: 1;
+  transform: translateY(0);
+  transition-duration: .35s;
+  box-shadow: rgba(39, 174, 96, .2) 0 6px 12px;
+}
+.youtube_button:active {
+  transform: translateY(2px);
+  transition-duration: .35s;
+}
 
 #langs-nav:not([aria-hidden='true']), #modules-nav:not([aria-hidden='true']) {
 z-index: 100;
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index a9c47ae1e..a9de0d4f5 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -109,6 +109,9 @@
 
 
 
+
+
+

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl helpers/xmlhelp.dtd source/text

2022-04-19 Thread Ilmari Lauhakangas (via logerrit) 
 help3xsl/default.css |   27 ++
 help3xsl/online_transform.xsl|7 -
 helpers/xmlhelp.dtd  |7 -
 source/text/sbasic/shared/03/lib_ScriptForge.xhp |   28 +--
 4 files changed, 50 insertions(+), 19 deletions(-)

New commits:
commit 5bab8a2d2530d7487064a2560c440269018a56b9
Author: Ilmari Lauhakangas 
AuthorDate: Mon Apr 18 12:41:48 2022 +0300
Commit: Ilmari Lauhakangas 
CommitDate: Tue Apr 19 14:51:33 2022 +0200

tdf#148621 Make ScriptForge service tables mobile-friendly

- Introduce  element
- While considering text-align, I noticed we do not take RTL languages
into account. A CSS rule 'html[dir=ltr] th' was added, which does
nothing at the moment. We should look into directionality.

Change-Id: Ib59aa0c508529c0beaa35542d96bd5cc1aa4db29
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/133114
Tested-by: Jenkins
Reviewed-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 2c5e59ac0..bc053cc70 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -212,6 +212,9 @@ table, th, td {
 border-right: 0;
 padding: 0.3em;
 }
+html[dir=ltr] th {
+text-align: left;
+}
 .tablehead,
 .tableheadintable {
 font-weight: bold;
@@ -226,6 +229,17 @@ table, th, td {
 font-size: 0.98rem;
 }
 
+/* ScriptForge service tables */
+.sf_table {
+min-width: 100%;
+}
+.sf_table thead {
+display: none;
+}
+.sf_table tr, .sf_table td {
+display: block;
+}
+
 h1,
 h2,
 h3,
@@ -840,6 +854,19 @@ li.disabled a {
 max-width: 200px;
 width: 100%
 }
+/* ScriptForge service tables */
+.sf_table {
+min-width: auto;
+}
+.sf_table thead {
+display: table-header-group;
+}
+.sf_table tr {
+display: table-row;
+}
+.sf_table td {
+display: table-cell;
+}
 }
 @media screen and (min-width: 1440px) {
 #Contents {
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index 465415ea2..70c7ab0af 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -732,7 +732,7 @@
 
 
 
-
+
 
 
 
@@ -744,7 +744,7 @@
 
 
 
-
+
 
 
 
@@ -758,6 +758,9 @@
 
 
 
+
+
+
 
 
 
diff --git a/helpers/xmlhelp.dtd b/helpers/xmlhelp.dtd
index 6a4ef9778..fcb1076b5 100644
--- a/helpers/xmlhelp.dtd
+++ b/helpers/xmlhelp.dtd
@@ -228,7 +228,7 @@ Version Nov 2018
   select (sys | appl | distrib | target | ver | lang) #REQUIRED
 >
 
-
+
 
 
+
+
+
 
 
 
   Services provided by the ScriptForge 
library
-  
-
-   
- Category
-   
-   
- Services
-   
-   
- 
-   
-   
- 
-   
-
+  
+
+  
+
+  Category
+
+
+  Services
+
+  
+
 

  %PRODUCTNAME Basic
@@ -241,4 +237,4 @@
   All ScriptForge 
Basic routines or identifiers that are prefixed with an underscore character 
"_" are reserved for internal use. They are not meant be used in Basic macros 
or Python scripts.
 
 
-
\ No newline at end of file
+

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl help3xsl/prism.css help3xsl/prism.js source/text

2022-04-17 Thread Ilmari Lauhakangas (via logerrit) 
 help3xsl/default.css   |6 
 help3xsl/online_transform.xsl  |2 
 help3xsl/prism.css |2 
 help3xsl/prism.js  |  201 ++
 source/text/sbasic/shared/03/lib_tools.xhp | 2280 +
 5 files changed, 969 insertions(+), 1522 deletions(-)

New commits:
commit 24828f91e22842cdaf64faf7d22a028541e5746c
Author: Ilmari Lauhakangas 
AuthorDate: Sat Apr 16 16:42:40 2022 +0300
Commit: Olivier Hallot 
CommitDate: Sun Apr 17 16:38:31 2022 +0200

tdf#148621 Improve Basic Help layout

- Get rid of tables
- Add normalize-whitespace Prism plugin to get rid of useless indents
- Fix code blocks poking through sticky header
- Add some word wrapping CSS to fix mobile-unfriendliness

Change-Id: I73fd1e0678624b0d4bd5561f50e80990db5567be
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/133096
Tested-by: Jenkins
Reviewed-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 085d323a9..2c5e59ac0 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -121,6 +121,7 @@ pre,
 display: inline;
 padding: 1px 3px;
 font-family: var(--font_mono);
+word-wrap: anywhere;
 }
 .smathcode {
 border-radius: 2px;
@@ -178,6 +179,10 @@ pre,
 .noteicon, .notetext {
 padding:0.3em;
 }
+/* Override some Prism.js styles */
+code[class*="language-"], pre[class*="language-"] {
+white-space: pre-wrap;
+}
 
 /* Table related classes */
 
@@ -603,6 +608,7 @@ li.disabled a {
 background: #18A303;
 top: 0px;
 position: sticky;
+z-index: 100;
 }
 .xapian-omega-search {
 margin: auto;
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index 0751d7a86..465415ea2 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -143,8 +143,8 @@
 
 
 
-
 
+
 
 
 
diff --git a/help3xsl/prism.css b/help3xsl/prism.css
index f974d0c87..79d07d18a 100644
--- a/help3xsl/prism.css
+++ b/help3xsl/prism.css
@@ -1,5 +1,5 @@
 /* PrismJS 1.27.0
-https://prismjs.com/download.html#themes=prism-coy=markup+css+clike+javascript+python+visual-basic=line-numbers
 */
+https://prismjs.com/download.html#themes=prism-coy=markup+css+clike+javascript+python+visual-basic=line-numbers+normalize-whitespace
 */
 /**
  * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
  * Based on https://github.com/tshedor/workshop-wp-theme (Example: 
http://workshop.kansan.com/category/sessions/basics or 
http://workshop.timshedor.com/category/sessions/basics);
diff --git a/help3xsl/prism.js b/help3xsl/prism.js
index 546388f44..4e00aeb04 100644
--- a/help3xsl/prism.js
+++ b/help3xsl/prism.js
@@ -1,5 +1,5 @@
 /* PrismJS 1.27.0
-https://prismjs.com/download.html#themes=prism-coy=markup+css+clike+javascript+python+visual-basic=line-numbers
 */
+https://prismjs.com/download.html#themes=prism-coy=markup+css+clike+javascript+python+visual-basic=line-numbers+normalize-whitespace
 */
 /// 
 
 var _self = (typeof window !== 'undefined')
@@ -2067,3 +2067,202 @@ Prism.languages.vba = Prism.languages['visual-basic'];
 
 }());
 
+(function () {
+
+   if (typeof Prism === 'undefined') {
+   return;
+   }
+
+   var assign = Object.assign || function (obj1, obj2) {
+   for (var name in obj2) {
+   if (obj2.hasOwnProperty(name)) {
+   obj1[name] = obj2[name];
+   }
+   }
+   return obj1;
+   };
+
+   function NormalizeWhitespace(defaults) {
+   this.defaults = assign({}, defaults);
+   }
+
+   function toCamelCase(value) {
+   return value.replace(/-(\w)/g, function (match, firstChar) {
+   return firstChar.toUpperCase();
+   });
+   }
+
+   function tabLen(str) {
+   var res = 0;
+   for (var i = 0; i < str.length; ++i) {
+   if (str.charCodeAt(i) == '\t'.charCodeAt(0)) {
+   res += 3;
+   }
+   }
+   return str.length + res;
+   }
+
+   NormalizeWhitespace.prototype = {
+   setDefaults: function (defaults) {
+   this.defaults = assign(this.defaults, defaults);
+   },
+   normalize: function (input, settings) {
+   settings = assign(this.defaults, settings);
+
+   for (var name in settings) {
+   var methodName = toCamelCase(name);
+   if (name !== 'normalize' && methodName !== 
'setDefaults' &&
+   settings[name] && this[methodName]) {
+   input = this[methodName].call(this, 
input, settings[name]);
+

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl

2020-06-07 Thread Ilmari Lauhakangas (via logerrit) 
 help3xsl/default.css  |   59 +-
 help3xsl/online_transform.xsl |   44 +++
 2 files changed, 58 insertions(+), 45 deletions(-)

New commits:
commit 24901fb947d0d7adeaefbbddd8d2bad89e49e378
Author: Ilmari Lauhakangas 
AuthorDate: Sun Jun 7 16:04:09 2020 +0300
Commit: Olivier Hallot 
CommitDate: Sun Jun 7 15:41:42 2020 +0200

Improve web help header

Header with symbol, logo and navigation dropdowns now uses
grid layout when screen width is desktop.

Change-Id: I00612ebe04110b3608d9534c0ebdb23d5b788c54
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/95668
Tested-by: Jenkins
Reviewed-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 323f79e06..2d1b2cc4a 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -134,7 +134,6 @@ pre,
 font-weight: bold;
 }
 .keycode {
-/*font-weight: bold;*/
 font-family: Menlo, Consolas, "DejaVu Sans Mono", "Nimbus Mono L", "Lucida 
Sans Typewriter", "Courier New", Courier, Monaco, monospace;
 }
 .widget{
@@ -334,32 +333,43 @@ h6 {
 grid-area: header;
 position: sticky;
 top: 0px;
-z-index: 100;
-}
-header {
 color: #fff;
-height: 64px;
-padding: 8px 8px 8px 16px;
+display: flex;
+flex-wrap: wrap;
+justify-content: flex-start;
 }
-.logo-container {
+.dropdowns {
+/* allow for scrolling */
+overflow-x: auto;
+overflow-y: hidden;
+/* make it smooth on iOS */
+-webkit-overflow-scrolling: touch;
+grid-area: dropdowns;
 display: flex;
 justify-content: space-between;
+flex-direction: column;
 }
-.logo {
+symbol, .logo {
 color: #fff;
 text-decoration: none;
-display: flex;
+}
+.logo:hover {
+text-decoration: none;
+color: #fff;
 }
 .logo p {
 font-size: 24px;
 }
-.logo .symbol {
+.symbol {
+grid-area: symbol;
+padding: 8px 8px 8px 20px;
+}
+.symbol div {
 background-image: url(media/navigation/libo-symbol-white.svg);
 background-repeat: no-repeat;
 background-size: contain;
 width: 52px;
 height: 60px;
-margin-right: 10px;
 }
 
 [data-a11y-toggle]:not([aria-controls]) {
@@ -740,6 +750,11 @@ li.disabled a {
 }
 }
 @media screen and (min-width: 960px) {
+.dropdowns {
+flex-direction: row;
+overflow-y: auto;
+overflow-x: hidden;
+}
 #langs-nav, #modules-nav {
 display: none;
 }
@@ -752,13 +767,11 @@ li.disabled a {
 cursor: pointer;
 color: #fff;
 font-size: 19px;
-position: relative;
-top: 40px;
 display: block;
 background: transparent;
 border: none;
 text-transform: none;
-padding:0;
+padding: 0;
 line-height: normal;
 }
 
@@ -766,12 +779,11 @@ li.disabled a {
 #langs-nav:not([aria-hidden='true']), 
#modules-nav:not([aria-hidden='true']) {
 display: flex;
 flex-direction: column;
-max-width: 120px;
 overflow-y: auto;
 overflow-x: hidden;
+max-width: 120px;
 max-height: 480px;
 position: absolute;
-top: 80px;
 }
 #modules-nav {
 background-color: #101820;
@@ -803,16 +815,9 @@ li.disabled a {
 grid-area: footer;
 }
 .lang {
-position: absolute;
-top: 0;
-left: 200px;
 background-color: transparent;
 }
 .modules {
-width: 120px;
-position: absolute;
-top: 0;
-left: 80px;
 border: none;
 background-color: transparent;
 }
@@ -856,6 +861,14 @@ li.disabled a {
 /* Use @supports to sneak these rules past IE */
 @supports (grid-area: auto) {
 @media screen and (min-width: 960px) {
+#TopLeftHeader {
+display: grid;
+align-items: end;
+grid-template-columns: auto auto;
+grid-template-rows: auto auto;
+grid-template-areas: "symbol logo"
+"symbol dropdowns"
+}
 #SearchFrame {
 grid-area: search;
 display: flex;
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index 1f5d93467..3a934dcb2 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -164,30 +164,30 @@
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-   
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
 
-
+
 
-
-
+
+
+
+
+

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl

2020-05-01 Thread Ilmari Lauhakangas (via logerrit) 
 help3xsl/default.css  |   32 +++-
 help3xsl/online_transform.xsl |2 +-
 2 files changed, 24 insertions(+), 10 deletions(-)

New commits:
commit 52eb45cd79ed75eb37b46c579860cee4e6180138
Author: Ilmari Lauhakangas 
AuthorDate: Fri May 1 18:15:37 2020 +0300
Commit: Olivier Hallot 
CommitDate: Fri May 1 20:21:01 2020 +0200

Help CSS: allow title in header to be wider

Added a column and let the title section to grow into it.
Also removed the hardcoded size from the Xapian search input.

Change-Id: Id391264a17556a35d54b705621deb9bdecc16af2
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/93278
Tested-by: Jenkins
Reviewed-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index ceb591253..b3fd81d7d 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -829,6 +829,17 @@ li.disabled a {
 box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
 padding: 10px 50px 40px 50px;
 }
+.xapian-omega-search {
+width: 100%;
+}
+.xapian-omega-search form {
+display: flex;
+justify-content: center;
+}
+.omega-autofocus {
+max-width: 200px;
+width: 100%
+}
 }
 @media screen and (min-width: 1440px) {
 #Contents {
@@ -847,6 +858,9 @@ li.disabled a {
  label[for=accordion-1]:after {
 content: "";
 }
+.omega-autofocus {
+max-width: 400px;
+}
 }
 /* Use @supports to sneak these rules past IE */
 @supports (grid-area: auto) {
@@ -868,22 +882,22 @@ li.disabled a {
 }
 body {
 display: grid;
-grid-template-columns: 360px 80px 1fr;
+grid-template-columns: 360px 100px 300px 1fr;
 grid-template-rows: minmax(1em, auto) minmax(1em, auto) 1fr 
minmax(1em, auto);
-grid-template-areas: "header search donation"
- "rightside main main"
- "leftside main main"
- ". footer footer"
+grid-template-areas: "header header search donation"
+ "rightside main main main"
+ "leftside main main main"
+ ". footer footer footer"
 }
 }
 @media screen and (min-width: 1440px) {
 body {
 display: grid;
-grid-template-columns: 360px 450px 450px 1fr;
+grid-template-columns: 360px 100px 400px 400px 1fr;
 grid-template-rows: 1fr minmax(1em, auto) minmax(1em, auto);
-grid-template-areas: "header search search donation"
- "leftside main main rightside"
- ". footer footer ."
+grid-template-areas: "header header search search donation"
+ "leftside main main main rightside"
+ ". footer footer footer ."
 }
 .donation {
 max-width: 300px;
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index c3bdfba18..573967c19 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -220,7 +220,7 @@
 
 
 
-
+
 
 
 
___
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl help3xsl/xap_templ_query.xsl

2020-02-22 Thread Olivier Hallot (via logerrit) 
 help3xsl/default.css  |   12 ++--
 help3xsl/online_transform.xsl |4 ++--
 help3xsl/xap_templ_query.xsl  |4 ++--
 3 files changed, 10 insertions(+), 10 deletions(-)

New commits:
commit d0bf3b122de80bce6edddcb309bf7ed3a176e9cd
Author: Olivier Hallot 
AuthorDate: Fri Feb 21 10:28:57 2020 -0300
Commit: Olivier Hallot 
CommitDate: Sat Feb 22 13:12:58 2020 +0100

Refactor XSLTs and CSS (2)

class -> id

Change-Id: I62c1af5a0203bb66fdd291dbf55633cbb3731353
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/89207
Tested-by: Jenkins
Reviewed-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 9e548dd46..69f93543b 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -573,7 +573,7 @@ li.disabled a {
 background-color: #FCFCFC;
 box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
 }
-.donation-frame {
+#DonationFrame {
 background: #18A303;
 position: sticky;
 top: 0px;
@@ -603,7 +603,7 @@ li.disabled a {
 font-size:1.2rem;
 text-align: center;
 }
-.search-frame {
+#SearchFrame {
 background: #18A303;
 top: 0px;
 position: sticky;
@@ -804,10 +804,10 @@ li.disabled a {
 .rightside {
 grid-area: rightside;
 }
-.donation-frame {
+#DonationFrame {
 grid-area: donation;
 }
-.search-frame {
+#SearchFrame {
 grid-area: search;
 }
 footer {
@@ -853,13 +853,13 @@ li.disabled a {
 /* Use @supports to sneak these rules past IE */
 @supports (grid-area: auto) {
 @media screen and (min-width: 960px) {
-.search-frame {
+#SearchFrame {
 grid-area: search;
 display: flex;
 justify-content: space-between;
 align-items: center;
 }
-.donation-frame {
+#DonationFrame {
 grid-area: donation;
 display: flex;
 justify-content: space-between;
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index 5f06749dc..c3bdfba18 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -215,7 +215,7 @@
 
 
 
-
+
 
 
 
@@ -227,7 +227,7 @@
 
 
   
-
+
 
 
 https://www.libreoffice.org/donate/?pk_campaign=help; target 
="_blank">
diff --git a/help3xsl/xap_templ_query.xsl b/help3xsl/xap_templ_query.xsl
index 719d8b909..a6648d70c 100644
--- a/help3xsl/xap_templ_query.xsl
+++ b/help3xsl/xap_templ_query.xsl
@@ -137,12 +137,12 @@ document.write("]]>
+
 
 https://www.libreoffice.org/donate/?pk_campaign=help; 
target

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl help3xsl/xap_templ_query.xsl

2020-02-22 Thread Olivier Hallot (via logerrit) 
 help3xsl/default.css  |2 +-
 help3xsl/online_transform.xsl |2 +-
 help3xsl/xap_templ_query.xsl  |2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

New commits:
commit f48d72b4a80d8d6f21f2b335dc94e0500bbbcf60
Author: Olivier Hallot 
AuthorDate: Fri Feb 21 10:20:38 2020 -0300
Commit: Olivier Hallot 
CommitDate: Sat Feb 22 13:12:28 2020 +0100

Refactor XSLTs and CSS

more meanigful names

Change-Id: Ib786d2814adaed336f495992711eb89f99d85d39
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/89206
Tested-by: Jenkins
Reviewed-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index a0d8fccee..9e548dd46 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -341,7 +341,7 @@ h6 {
 margin-bottom: 6px;
 }
 .embedded {}
-.header-extrawurst {
+#TopLeftHeader {
 grid-area: header;
 position: sticky;
 top: 0px;
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index 9daccd542..5f06749dc 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -164,7 +164,7 @@
 
 
 
-
+
 
 
 
diff --git a/help3xsl/xap_templ_query.xsl b/help3xsl/xap_templ_query.xsl
index 014dfd198..719d8b909 100644
--- a/help3xsl/xap_templ_query.xsl
+++ b/help3xsl/xap_templ_query.xsl
@@ -107,7 +107,7 @@ document.write("]]>
+

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl

2019-10-11 Thread Olivier Hallot (via logerrit) 
 help3xsl/default.css  |   70 +++---
 help3xsl/online_transform.xsl |   10 +++---
 2 files changed, 38 insertions(+), 42 deletions(-)

New commits:
commit 2e077c0f9f724a3fe258c8e92aa3f67b7ab75446
Author: Olivier Hallot 
AuthorDate: Thu Oct 10 09:20:18 2019 -0300
Commit: Olivier Hallot 
CommitDate: Fri Oct 11 13:01:44 2019 +0200

Fix xapian search bar in Help online (WIP)

Change-Id: Ibe178ff79a27b8a21fcbaf2465c66da0786a28fd
WIP: need adjusts for mobile.
Reviewed-on: https://gerrit.libreoffice.org/80605
Tested-by: Jenkins
Reviewed-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index f71cb6885..a68fc0067 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -347,11 +347,11 @@ h6 {
 grid-area: header;
 position: sticky;
 top: 0px;
-background-color: #18A303;
 z-index: 1000;
 }
 header {
 color: #fff;
+background-color: #18A303;
 height: 64px;
 padding: 8px 8px 8px 16px;
 }
@@ -461,6 +461,10 @@ aside input[type=checkbox]:checked ~ .contents-treeview {
 }
 .index a {
 font-size: 16px;
+display: block;
+}
+.index .hidden {
+display: none;
 }
 #Bookmarks {
 padding: 0 20px;
@@ -544,12 +548,6 @@ aside input[type=checkbox]:checked ~ .contents-treeview {
 .pagination a {
 text-decoration: none;
 }
-.index a {
-display: block;
-}
-.index .hidden {
-display: none;
-}
 li.active {
 background-color: #0379BC;
 }
@@ -582,12 +580,15 @@ li.disabled a {
 background-color: #FCFCFC;
 box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
 }
-.donation {
+.donation-frame {
+background: #18A303;
+}
+.donation{
 background: #0379BC;
 background-image: linear-gradient(to bottom, #3498db, #2980b9);
 border-radius: 8px;
 padding: 5px 10px 5px 10px;
-margin: 20px auto 0 auto;
+margin: auto;
 max-width: 200px;
 color: #ff;
 text-decoration: none;
@@ -607,15 +608,11 @@ li.disabled a {
 font-size:1.2rem;
 text-align: center;
 }
-/*.xapian-omega-search {
-max-width: 300px;
-margin: 40px auto 0 auto;
-}*/
+.search-frame {
+background: #18A303;
+}
 .xapian-omega-search {
-margin: 0;
-/*position: absolute;*/
-top: 19px;
-left: 360px;
+margin: auto;
 }
 .modules {
 border-bottom: 2px solid #f3f3f3;
@@ -809,16 +806,11 @@ li.disabled a {
 .rightside {
 grid-area: rightside;
 }
-.xapian-donation {
-grid-area: google;
-position: sticky;
-top: 0px;
-background-color: #FCFCFC;
-box-shadow: none;
-clear: left;
+.donation-frame {
+grid-area: donation;
 }
-.donation {
-max-width: 400px;
+.search-frame {
+grid-area: search;
 }
 footer {
 grid-area: footer;
@@ -863,27 +855,26 @@ li.disabled a {
 /* Use @supports to sneak these rules past IE */
 @supports (grid-area: auto) {
 @media screen and (min-width: 960px) {
-.xapian-donation {
+.search-frame {
+grid-area: search;
 display: flex;
 justify-content: space-between;
 align-items: center;
-background-color: #18A303;
-border-top: none;
-}
-.xapian-omega-search {
-margin: 0;
 }
-.donation {
-margin: 0 auto;
+.donation-frame {
+grid-area: donation;
+display: flex;
+justify-content: space-between;
+align-items: center;
 }
 footer {
 border-top: 2px solid #148603;
 }
 body {
 display: grid;
-grid-template-columns: 320px 80px 1fr;
+grid-template-columns: 360px 80px 1fr;
 grid-template-rows: minmax(1em, auto) minmax(1em, auto) 1fr 
minmax(1em, auto);
-grid-template-areas: "header header google"
+grid-template-areas: "header search donation"
  "rightside main main"
  "leftside main main"
  ". footer footer"
@@ -892,12 +883,15 @@ li.disabled a {
 @media screen and (min-width: 1440px) {
 body {
 display: grid;
-grid-template-columns: 320px 450px 450px 1fr;
+grid-template-columns: 360px 450px 450px 1fr;
 grid-template-rows: 1fr minmax(1em, auto) minmax(1em, auto);
-grid-template-areas: "header header google google"
+grid-template-areas: "header search search donation"
  "leftside main main rightside"
  ". footer footer ."
 }
+.donation {
+max-width: 300px;
+}
 .rightside {
 width: auto;
 border-right: none;
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl source/text

2019-03-08 Thread Libreoffice Gerrit user 
 help3xsl/default.css|  106 ++--
 help3xsl/online_transform.xsl   |   72 +++--
 source/text/shared/help/browserhelp.xhp |2 
 3 files changed, 115 insertions(+), 65 deletions(-)

New commits:
commit eb2972e06b1ac3210f1de1a6e9ade2d049aaf976
Author: Ilmari Lauhakangas 
AuthorDate: Fri Mar 8 00:11:39 2019 +0200
Commit: Olivier Hallot 
CommitDate: Fri Mar 8 11:48:40 2019 +0100

Donation button and sticky header for Help

Task: https://redmine.documentfoundation.org/issues/2815

Header was made sticky on non-mobile by using position: sticky.
This was the only way to make it work with the grid without
carving magic numbers into stone. IE11 ignores it, but so what?

Donation text was made shorter.

The Google search and the donation button were wrapped in a
container to make it easy to haul them all over the place.

Lots of tweaks were made to the grid areas and the styles of
the bottom elements to make everything fit nicely in the new
markup order. The result was tested on IE11 to make sure it
degrades gracefully.

The Displayarea element had a fixed width (my old mistake),
which made the min-width: 960px layout look very uncool.

Change-Id: I131a1e82290bc3381c938acb4dc9dbc408fb2ba7
Reviewed-on: https://gerrit.libreoffice.org/68890
Tested-by: Jenkins
Reviewed-by: Olivier Hallot 
Tested-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 61d839401..75798d2db 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -293,14 +293,7 @@ h6 {
 color: red;
 text-align: left;
 }
-.donation {
-padding: 0 0 10px 0;
-margin-bottom: 1em;
-border-bottom: 1px dashed rgba(0,0,0,0.1);
-}
-.donation p{
-font-size:1.2rem;
-}
+
 .bascode {
 margin-top:15px;
 margin-bottom: 15px;
@@ -320,7 +313,7 @@ h6 {
 #DisplayArea {
 background-color: #FCFCFC;
 overflow: auto;
-padding: 10px;
+padding: 10px 10px 40px 10px;
 grid-area: main;
 }
 #DisplayArea > p {
@@ -351,6 +344,8 @@ h6 {
 .embedded {}
 .header-extrawurst {
 grid-area: header;
+position: sticky;
+top: 0px;
 }
 header {
 background-color: #18A303;
@@ -402,9 +397,9 @@ header {
 white-space: nowrap;
 }
 footer {
-border-top: 2px solid #148603;
-padding: 15px 10px 0 10px;
-margin: 40px 0;
+padding: 40px 10px 40px 10px;
+background-color: #FCFCFC;
+box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
 }
 footer p {
 font-size: 0.98rem;
@@ -569,9 +564,39 @@ li.disabled a {
 #search-bar::placeholder {
 font-style: italic;
 }
+.google-donation {
+border-top: 2px solid #148603;
+background-color: #FCFCFC;
+box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
+}
+.donation {
+background: #0379BC;
+background-image: linear-gradient(to bottom, #3498db, #2980b9);
+border-radius: 8px;
+padding: 5px 10px 5px 10px;
+margin: 20px auto 0 auto;
+max-width: 200px;
+color: #ff;
+text-decoration: none;
+}
+.donation a {
+color: white;
+}
+.donation a:hover {
+color: white;
+text-decoration: none;
+}
+.donation:hover{
+background: #0379BC;
+background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
+}
+.donation p {
+font-size:1.2rem;
+text-align: center;
+}
 .google-search {
 max-width: 300px;
-margin: 0 auto;
+margin: 40px auto 0 auto;
 }
 .modules {
 border-bottom: 2px solid #f3f3f3;
@@ -757,11 +782,15 @@ li.disabled a {
 .rightside {
 grid-area: rightside;
 }
-.google-search {
-margin: 0;
-position: absolute;
-top: 19px;
-left: 860px;
+.google-donation {
+grid-area: google;
+position: sticky;
+top: 0px;
+background-color: #FCFCFC;
+box-shadow: none;
+}
+footer {
+grid-area: footer;
 }
 .lang {
 position: absolute;
@@ -776,10 +805,8 @@ li.disabled a {
 border: none;
 }
 #DisplayArea {
-background-color: #FCFCFC;
 box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
-padding: 10px 50px;
-width: 800px;
+padding: 10px 50px 40px 50px;
 }
 }
 @media screen and (min-width: 1440px) {
@@ -800,24 +827,43 @@ li.disabled a {
 content: "";
 }
 }
+/* Use @supports to sneak these rules past IE */
 @supports (grid-area: auto) {
 @media screen and (min-width: 960px) {
+.google-donation {
+display: flex;
+justify-content: space-between;
+align-items: center;
+background-color: #18A303;
+border-top: none;
+}
+.google-search {
+margin: 0;
+}
+.donation {
+margin: 0 auto;
+}
+footer {
+border-top: 2px solid #148603;
+}
 body {
 display: grid;
-

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl

2019-01-28 Thread Libreoffice Gerrit user 
 help3xsl/default.css  |   18 +-
 help3xsl/online_transform.xsl |6 +++---
 2 files changed, 12 insertions(+), 12 deletions(-)

New commits:
commit 622324ec76e54ea1de99d6cea3debc2389049f58
Author: Adolfo Jayme Barrientos 
AuthorDate: Mon Jan 28 16:25:10 2019 -0600
Commit: Adolfo Jayme Barrientos 
CommitDate: Mon Jan 28 16:25:10 2019 -0600

tdf#121571 Solve cognitive dissonance with note icons and colors

More often than not, the alarmist colors given to note boxes didn’t
match their content.

Change-Id: I88d7a8e2d07ffba661c218887fd54638506d21c8

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 9b7028af4..2594c5de6 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -86,7 +86,7 @@ h6,
 pointer-events: auto;
 }
 body {
-background-color: #F4F7F7;
+background-color: #F7F8F7;
 margin: 0;
 line-height: normal;
 }
@@ -159,16 +159,16 @@ pre,
 margin-top: 15px;
 }
 .note {
-border-left: 4px solid #FFDE09;
-background-color: #FFF4D0;
+border-left: 4px solid #61897C;
+background-color: #D9E7E2;
 }
 .tip {
-border-left: 4px solid #38618C;
-background-color: #DAE2EA;
+border-left: 4px solid #4866AD;
+background-color: #CDD5E8;
 }
 .warning {
-border-left: 4px solid #FF5964;
-background-color: #FFE0E2;
+border-left: 4px solid #D5B177;
+background-color: #F9EEDC;
 }
 .noteicon, .notetext {
 padding:0.3em;
@@ -260,8 +260,8 @@ h6 {
 margin-left: 5px;
 }
 .howtoget {
-background: #CCF4C6;
-border-left: 4px solid #148603;
+background: #EBE7E9;
+border-left: 4px solid #4E4B55;
 border-radius: 0 4px 4px 0;
 box-shadow: 0 2px 2px -2px rgba(0,0,0,0.2);
 padding: 0.3em;
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index f52edfa01..02a166c63 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -94,9 +94,9 @@
 
 
 
-
-
-
+
+
+
 
 
 
___
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl

2019-01-28 Thread Libreoffice Gerrit user 
 help3xsl/default.css  |   15 +--
 help3xsl/online_transform.xsl |6 ++
 2 files changed, 3 insertions(+), 18 deletions(-)

New commits:
commit a8ab16150bf04fd812dde07bdd7d0bbd9b52f48e
Author: Adolfo Jayme Barrientos 
AuthorDate: Mon Jan 28 15:31:15 2019 -0600
Commit: Adolfo Jayme Barrientos 
CommitDate: Mon Jan 28 15:31:15 2019 -0600

Drop this pitiful, bothersome, gimmicky animation

Change-Id: If533f8565e38e02d503cc1ab59f65e2445f1369b

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 0870b7a1b..9b7028af4 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -170,14 +170,7 @@ pre,
 border-left: 4px solid #FF5964;
 background-color: #FFE0E2;
 }
-.noteicon {
-padding:0.3em;
-transition: transform .2s; /* Animation */
-}
-.noteicon:hover {
-transform: scale(2.0); /* (200% zoom - Note: if the zoom is too large, it 
will go outside of the viewport) */
-}
-.notetext {
+.noteicon, .notetext {
 padding:0.3em;
 }
 
@@ -196,12 +189,6 @@ pre,
 .iconcell {
 padding:0.3em;
 }
-.imageicon {
-transition: transform .2s; /* Animation */
-}
-.imageicon:hover{
-transform: scale(2.0); /* (200% zoom - Note: if the zoom is too large, it 
will go outside of the viewport) */
-}
 
 table {
 box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px;
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index 2bd356a8c..f52edfa01 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -1197,10 +1197,8 @@
 
 
 
-
-
-
-
+
+
 
 
 
___
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl source/text

2018-12-26 Thread Libreoffice Gerrit user 
 help3xsl/default.css|   10 ++
 help3xsl/online_transform.xsl   |   19 +
 source/text/smath/01/03090700.xhp   |8 +-
 source/text/smath/01/03090901.xhp   |2 
 source/text/smath/01/03090902.xhp   |2 
 source/text/smath/01/03090903.xhp   |2 
 source/text/smath/01/03090904.xhp   |2 
 source/text/smath/01/03090905.xhp   |2 
 source/text/smath/01/03090906.xhp   |2 
 source/text/smath/01/03090907.xhp   |2 
 source/text/smath/01/03090908.xhp   |2 
 source/text/smath/01/03090909.xhp   |2 
 source/text/smath/01/03090910.xhp   |2 
 source/text/smath/01/03091100.xhp   |  108 +---
 source/text/smath/01/03091200.xhp   |   16 ++--
 source/text/smath/guide/align.xhp   |4 -
 source/text/smath/guide/attributes.xhp  |4 -
 source/text/smath/guide/brackets.xhp|4 -
 source/text/smath/guide/comment.xhp |4 -
 source/text/smath/guide/limits.xhp  |8 +-
 source/text/smath/guide/parentheses.xhp |6 -
 source/text/smath/guide/text.xhp|4 -
 22 files changed, 110 insertions(+), 105 deletions(-)

New commits:
commit e6095165acb81b895d5671a4414faf7885a622ff
Author: Olivier Hallot 
AuthorDate: Wed Dec 26 12:54:58 2018 -0200
Commit: Olivier Hallot 
CommitDate: Wed Dec 26 22:15:20 2018 +0100

Review code in help page and mute l10n when OK

+ Added "smathcode" role to render smath code paragraphs
+ let smath code samples be copied to clipboard.

Change-Id: I580c162d0c77f51d0de817ca143a845abf56eca9
Reviewed-on: https://gerrit.libreoffice.org/65621
Tested-by: Jenkins
Reviewed-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 6cb76ce38..0870b7a1b 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -39,14 +39,15 @@ h5,
 h6,
 .listitem,
 .listitemintable,
-.tablecontent,
-.input {
+.tablecontent {
 font-family: -apple-system, system-ui, "Segoe UI", Roboto, Ubuntu, 
Cantarell, "Noto Sans", "DejaVu Sans", "Lucida Grande", "Helvetica Neue", 
Helvetica, Arial, sans-serif, FreeSerif, NanumGothic, "Noto Sans Tibetan", 
Taprom;
 }
 .input {
+background-color: rgba(0,0,0,0.04);
 transition-property: background-color;
 transition-duration: 150ms;
 border-bottom: 1px dashed rgba(0,0,0,0.1);
+font-family: Menlo, Consolas, "DejaVu Sans Mono", "Nimbus Mono L", "Lucida 
Sans Typewriter", "Courier New", Courier, Monaco, monospace;
 }
 [data-tooltip]{
   position:relative;
@@ -115,6 +116,11 @@ pre,
 padding: 1px 3px;
 font-family: Menlo, Consolas, "DejaVu Sans Mono", "Nimbus Mono L", "Lucida 
Sans Typewriter", "Courier New", Courier, Monaco, monospace;
 }
+.smathcode {
+border-radius: 2px;
+padding: 1px 3px;
+font-family: Menlo, Consolas, "DejaVu Sans Mono", "Nimbus Mono L", "Lucida 
Sans Typewriter", "Courier New", Courier, Monaco, monospace;
+}
 .acronym {
 font-weight: bold;
 }
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index ad285480d..5fa01a773 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -538,7 +538,7 @@
 
 
 
-
+
 
 
 
@@ -552,6 +552,10 @@
 
 
 
+
+
+
+
 
 
 
@@ -579,7 +583,7 @@
 
 
 
-
+
 
 
 
@@ -589,6 +593,17 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
 
 
 
diff --git a/source/text/smath/01/03090700.xhp 
b/source/text/smath/01/03090700.xhp
index e3afbb91f..b62ebb875 100644
--- a/source/text/smath/01/03090700.xhp
+++ b/source/text/smath/01/03090700.xhp
@@ -288,10 +288,10 @@
 
 
 To 
align using the "matrix" command
-matrix{
-alignr sin^2 x + cos^2 x#{}={}#alignl 1 ##
-alignr cos^2 x #{}={} #alignl 1 - sin^2 x
-}
+matrix{
+alignr sin^2 x + cos^2 x#{}={}#alignl 1 ##
+alignr cos^2 x #{}={} #alignl 1 - sin^2 x
+}
 Aligning to the left
 If a line or 
an expression begins with text, it is aligned on the left by default. You can 
change this with any of the align commands. An example is 
stack{a+b-c*d#alignr "text"}, where "text" appears aligned to the 
right. Note that text must always be surrounded by quotation marks.
 The standard 
centralized formulas can be aligned to the left without using the Format 
- Align menu. To do this, place an empty character string, that is, the 
inverted commas which surround any text "", before the section of formula that 
you want to align. For example, typing "" a+b newline "" c+d 
results in both equations being left-aligned instead of centered.
diff --git a/source/text/smath/01/03090901.xhp 
b/source/text/smath/01/03090901.xhp
index 1d5125461..f127bf28f 100644
---

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl help3xsl/prism.css help3xsl/prism.js help3xsl/README.prism.js.txt Package_html_static.mk

2018-11-29 Thread Libreoffice Gerrit user 
 Package_html_static.mk|2 
 help3xsl/README.prism.js.txt  |   39 +
 help3xsl/default.css  |   31 -
 help3xsl/online_transform.xsl |   14 
 help3xsl/prism.css|  270 +
 help3xsl/prism.js | 1190 ++
 6 files changed, 1508 insertions(+), 38 deletions(-)

New commits:
commit 635750a0cda2e9f6f906e10e33a087b579a74ba8
Author: Olivier Hallot 
AuthorDate: Thu Nov 29 11:09:15 2018 -0200
Commit: Olivier Hallot 
CommitDate: Thu Nov 29 21:41:54 2018 +0100

tdf#115663 Syntax highlight in BASIC code examples

Use prism.js to highlight BASIC code in help pages
See README.prism.js.txt for details

added normalize-whitespaces plugin to remove extra 1st line
cleaned some useless css class

Change-Id: I6dde4d217a29f485199ced462b896ee1b500fba0
Reviewed-on: https://gerrit.libreoffice.org/64252
Tested-by: Jenkins
Reviewed-by: Olivier Hallot 

diff --git a/Package_html_static.mk b/Package_html_static.mk
index 59941b020..a53929878 100644
--- a/Package_html_static.mk
+++ b/Package_html_static.mk
@@ -23,6 +23,8 @@ $(eval $(call 
gb_Package_add_files,helpcontent2_html_static,$(LIBO_SHARE_HELP_FO
help2.js \
normalize.css \
paginathing.js \
+   prism.js \
+prism.css \
 ))
 
 # vim: set noet sw=4 ts=4:
diff --git a/help3xsl/README.prism.js.txt b/help3xsl/README.prism.js.txt
new file mode 100644
index 0..581a1fe71
--- /dev/null
+++ b/help3xsl/README.prism.js.txt
@@ -0,0 +1,39 @@
+Using prism.js for Basic code highlight
+
+http://prismjs.com
+
+License MIT (see prism.js)
+
+Download page http://prismjs.com/download
+
+Theme: Coy
+
+Languages to download: Visual Basic + Python + defaults pre-sets
+
+Plugins: line numbers,
+
+normalize-whitespace: configure after 
https://prismjs.com/plugins/normalize-whitespace/
+
+Prism.plugins.NormalizeWhitespace = new NormalizeWhitespace({
+'remove-trailing': true,
+'remove-indent': true,
+'left-trim': true,
+'right-trim': true,
+/*'break-lines': 80,
+'indent': 2,*/
+'remove-initial-line-feed': true,
+/*'tabs-to-spaces': 4,
+'spaces-to-tabs': 4*/
+});
+
+
+Usage:
+
+Add prism.js and prism.css to html page,
+
+Add class 'language-visual-basic' and 'line-numbers' to  as in
+
+
+http://schema.org/SoftwareSourceCode; itemprop="codeSampleType" 
content="snippet">
+   
+
diff --git a/help3xsl/default.css b/help3xsl/default.css
index 285d1e900..6cb76ce38 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -314,37 +314,10 @@ h6 {
 font-size:1.2rem;
 }
 .bascode {
-background-color: #fafafa;
-margin-left: 30px;
-margin-right: 30px;
+margin-top:15px;
+margin-bottom: 15px;
 }
-.bascodepar {
-font-family: monospace;
-}
-
-/* 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: 1.33rem;
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index 59eb5120a..e5671e22f 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -152,11 +152,13 @@
 
 
 
+
 
 
 
 
 
+
 
 
 http://schema.org/TechArticle;>
@@ -552,7 +554,7 @@
 
 
 
-
+
 
 
 
@@ -925,7 +927,6 @@
 
 
 
-
 
 
 
@@ -942,15 +943,10 @@
 
 
 
-http://schema.org/SoftwareSourceCode; itemprop="codeSampleType" 
content="snippet">
+http://schema.org/SoftwareSourceCode; itemprop="codeSampleType" 
content="snippet">
 
 
-http://schema.org/SoftwareSourceCode; itemprop="codeSampleType" 
content="snippet">
-
-
-
-
-
+http://schema.org/SoftwareSourceCode; itemprop="codeSampleType" 
content="snippet">
 
 
 
diff --git a/help3xsl/prism.css b/help3xsl/prism.css
new file mode 100644
index 0..6e31d4d8f
--- /dev/null
+++ b/help3xsl/prism.css
@@ -0,0 +1,270 @@
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism-coy=markup+css+clike+javascript+python+visual-basic=line-numbers+normalize-whitespace
 */
+/**
+ * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
+ * Based on https://github.com/tshedor/workshop-wp-theme (Example: 
http://workshop.kansan.com/category/sessions/basics or 
http://workshop.timshedor.com/category/sessions/basics);
+ * @author Tim  Shedor
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+   color: black;
+   background: none;
+   font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+   text-align: left;
+   white-space: pre;
+   word-spacing: normal;
+   word-break: normal;
+   word-wrap: normal;
+   line-height: 1.5;
+
+   -moz-tab-size: 4;
+

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl helpers/xmlhelp.dtd

2018-11-28 Thread Libreoffice Gerrit user 
 help3xsl/default.css  |   17 +-
 help3xsl/online_transform.xsl |   59 ++
 helpers/xmlhelp.dtd   |   65 --
 3 files changed, 130 insertions(+), 11 deletions(-)

New commits:
commit 49baef5df55850a72b9385f7ec2b9eb98486e48a
Author: Olivier Hallot 
AuthorDate: Fri Nov 16 10:00:39 2018 -0200
Commit: Olivier Hallot 
CommitDate: Wed Nov 28 10:53:51 2018 +0100

tdf#121797 XHP extensions (Help part)

WIP. This is the Help part.

Extend the XML parser to include new incantations of the 
tag, namely
 to 
,  and 

Extension to the  tag:
, , ,  and 

* removed test files

Change-Id: I2a473ee8772606f5e84bb02e651bccc6749598f4
Reviewed-on: https://gerrit.libreoffice.org/63954
Tested-by: Jenkins
Reviewed-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index e6a59ad8b..285d1e900 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -124,10 +124,23 @@ pre,
 border-top: 1px solid black;
 }
 .emph,
-.menuitem,
-.keycode {
+.menuitem {
 font-weight: bold;
 }
+.keycode {
+/*font-weight: bold;*/
+font-family: Menlo, Consolas, "DejaVu Sans Mono", "Nimbus Mono L", "Lucida 
Sans Typewriter", "Courier New", Courier, Monaco, monospace;
+}
+.widget{
+padding: 1px 10px;
+background: #f0f0f0;
+background: linear-gradient(to bottom,#f0f0f0,#fcfcfc);
+border-radius: 3px;
+color: #303030;
+border: 1px solid #a0a0a0;
+border-bottom-width: 2px;
+white-space: nowrap;
+}
 /* div's for warning, tip and note */
 .note,
 .tip,
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index 95892bdd4..59eb5120a 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -800,6 +800,65 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
diff --git a/helpers/xmlhelp.dtd b/helpers/xmlhelp.dtd
index d6564f5f4..20dbe802d 100644
--- a/helpers/xmlhelp.dtd
+++ b/helpers/xmlhelp.dtd
@@ -21,6 +21,9 @@ Version 03-Feb-2006
 
 Version 06-Jun-2017
   Made xml-lang optional (#IMPLIED)
+
+Version Nov 2018
+  Added extensions: H1, .. H6, menuitem, keycode, literal input, widget, note, 
tip, warning
 -->
 
 
@@ -38,7 +41,7 @@ Version 06-Jun-2017
 
 
 
-
+
 
 
 
 
-
+
 
 
-
+
 
@@ -76,9 +79,9 @@ Version 06-Jun-2017
   date CDATA #REQUIRED
 >
 
-
+
 
-
+
 
 
 
 
+
+
+
+
+
+
+
+
+
+
 
 
 
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
-
+
 
 
-
+
 
 
-
+
 
@@ -228,10 +265,20 @@ Version 06-Jun-2017
status (DRAFT | FINAL | PUBLISH | STALLED | DEPRECATED) #IMPLIED
 >
 
-
+
 
+
+
 
+
+
+
+
+
 
___
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl

2018-09-06 Thread Libreoffice Gerrit user 
 help3xsl/default.css  |   10 ++
 help3xsl/online_transform.xsl |7 ++-
 2 files changed, 16 insertions(+), 1 deletion(-)

New commits:
commit 0d03a98c88e64fb3303ecc80879e76f327d6bf4f
Author: Olivier Hallot 
AuthorDate: Wed Sep 5 16:38:15 2018 -0300
Commit: Olivier Hallot 
CommitDate: Thu Sep 6 17:05:28 2018 +0200

Show how beautiful are our icons

On hovering icons, enlarge them.

Next step: change icons to SVG (tdf#117551)

Change-Id: Ib43e3b54ed27352a8ca785c57dce9314adc00e4d
Reviewed-on: https://gerrit.libreoffice.org/60053
Tested-by: Jenkins
Reviewed-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 98b8e0561..d2fd2fa2c 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -153,6 +153,10 @@ pre,
 }
 .noteicon {
 padding:0.3em;
+transition: transform .2s; /* Animation */
+}
+.noteicon:hover {
+transform: scale(2.0); /* (200% zoom - Note: if the zoom is too large, it 
will go outside of the viewport) */
 }
 .notetext {
 padding:0.3em;
@@ -173,6 +177,12 @@ pre,
 .iconcell {
 padding:0.3em;
 }
+.imageicon {
+transition: transform .2s; /* Animation */
+}
+.imageicon:hover{
+transform: scale(2.0); /* (200% zoom - Note: if the zoom is too large, it 
will go outside of the viewport) */
+}
 
 table {
 box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px;
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index a22c384eb..67ea70220 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -1088,7 +1088,12 @@
 
 
 
-
+
+
+
+
+
+
 
 
 
___
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl

2018-07-10 Thread Ilmari Lauhakangas 
 help3xsl/default.css  |   55 +-
 help3xsl/online_transform.xsl |4 ++-
 2 files changed, 41 insertions(+), 18 deletions(-)

New commits:
commit 581213f4b1f0589367529434af22c41ddc4c1a29
Author: Ilmari Lauhakangas 
Date:   Sat Jul 7 15:09:33 2018 +0300

tdf#118430 Three column layout with 1440px width

Contents will now stay collapsed until 1440px width, when
it will move to the right side of the screen.
Removed useless and harmful float:left from .index-label.

Change-Id: I504e8c4be3a5e777dc7bafbd6a6105b163e4a5f3
Reviewed-on: https://gerrit.libreoffice.org/57129
Tested-by: Jenkins
Reviewed-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 03eaf34ca..2104d01d4 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -457,7 +457,6 @@ aside input[type=checkbox]:checked ~ .contents-treeview {
 padding: 0 0 0 20px;
 }
 .index-label {
-float: left;
 font-size: 22px;
 color: #148603;
 padding-left: 20px;
@@ -756,8 +755,13 @@ li.disabled a {
 background-color: #F4F7F7;
 border-right: 1px solid rgba(0,0,0,0.04);
 float: left;
-width: 320px;
-grid-area: sidebar;
+width: 320px;
+}
+.leftside {
+grid-area: leftside;
+}
+.rightside {
+grid-area: rightside;
 }
 .google-search {
 margin: 0;
@@ -777,28 +781,30 @@ li.disabled a {
 left: 80px;
 border: none;
 }
-label[for=accordion-1] {
-background-color: transparent;
-text-decoration: none;
-}
- label[for=accordion-1]:hover {
-background-color: transparent;
-}
- label[for=accordion-1]:after {
-content: "";
-}
 #DisplayArea {
 padding: 10px 50px;
 width: 800px;
 }
+#search-bar {
+max-width: 290px;
+}
+}
+@media screen and (min-width: 1440px) {
 #Contents {
 color: #333;
 z-index: 6;
 display: block;
 padding: 0 0 0 20px;
 }
-#search-bar {
-max-width: 290px;
+label[for=accordion-1] {
+background-color: transparent;
+text-decoration: none;
+}
+ label[for=accordion-1]:hover {
+background-color: transparent;
+}
+ label[for=accordion-1]:after {
+content: "";
 }
 }
 @supports (grid-area: auto) {
@@ -806,9 +812,24 @@ li.disabled a {
 body {
 display: grid;
 grid-template-columns: 320px 1fr;
-grid-template-rows: 1fr minmax(1em, auto);
+grid-template-rows: minmax(1em, auto) minmax(1em, auto) 1fr;
 grid-template-areas: "header header"
- "sidebar main"
+ "rightside main"
+ "leftside main"
+}
+}
+@media screen and (min-width: 1440px) {
+body {
+display: grid;
+grid-template-columns: 320px 900px 1fr;
+grid-template-rows: 1fr minmax(1em, auto);
+grid-template-areas: "header header header"
+ "leftside main rightside"
+}
+.rightside {
+width: auto;
+border-right: none;
+border-left: 1px solid rgba(0,0,0,0.04);
 }
 }
 }
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index 8bfd5d31b..889982fda 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -200,10 +200,12 @@
 
 
 
-
+
 
 
 
+
+
 
  

 
___
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl

2018-06-15 Thread Olivier Hallot 
 help3xsl/default.css  |4 
 help3xsl/online_transform.xsl |2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

New commits:
commit 2fdf0556202b43940ee003e7d1e6d452c3d11ab7
Author: Olivier Hallot 
Date:   Thu Jun 14 18:52:12 2018 -0300

Fix  rendering for paragraphs

Change-Id: I4c76bac48f3be30dc3bcd358df427843a5f97a7a
Reviewed-on: https://gerrit.libreoffice.org/55837
Tested-by: Jenkins
Reviewed-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index bfaa63268..09c818bdd 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -295,6 +295,10 @@ h6 {
 margin-left: 30px;
 margin-right: 30px;
 }
+.bascodepar{
+font-family: monospace;
+}
+
 /* Basic code syntax highlight */
 
 .identifier,
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index 031476757..ccfa94ae5 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -871,7 +871,7 @@
 
 
 
-
+
 
 
 
___
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl source/text

2018-05-08 Thread Olivier Hallot 
 help3xsl/default.css   |2 ++
 help3xsl/online_transform.xsl  |   36 +++-
 source/text/shared/00/0004.xhp |4 +---
 3 files changed, 34 insertions(+), 8 deletions(-)

New commits:
commit bc322f3bc59d3d05b61cc229eba17f86d157c8f8
Author: Olivier Hallot 
Date:   Mon May 7 16:59:37 2018 -0300

Refactor test for online case wrt objects

Also refactor the section "Open file with example".
Wrap in a div with class.

Change-Id: I14b1b7ca6ca788383824db3db4db4014b295976e
Reviewed-on: https://gerrit.libreoffice.org/53946
Tested-by: Jenkins 
Reviewed-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index d17f5b2c1..b352360e1 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -236,6 +236,8 @@ h6 {
 .howtogetbody {
 margin: 0px;
 }
+.samplefilesection{
+}
 .wide {
 width: 100%;
 }
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index 5ab53c8d7..b8b73361d 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -568,8 +568,16 @@
 
 
 
-
-
+
+
+   
+
+
+
+
+   
+
+
 
 
 
@@ -1142,6 +1150,8 @@
 
 
 
+
+
 
 
 
@@ -1154,11 +1164,9 @@
 
 
 
-
 
 
 
-
 
 
 
@@ -1171,22 +1179,40 @@
 
 
 
+
+
 
+
 
 
+
+
 
+
 
 
+
+
 
-
+
+
 
+
+
 
+
 
 
+
+
 
+
 
 
+
+
 
+
 
 
 
diff --git a/source/text/shared/00/0004.xhp 
b/source/text/shared/00/0004.xhp
index b151e9c35..1b3353af4 100644
--- a/source/text/shared/00/0004.xhp
+++ b/source/text/shared/00/0004.xhp
@@ -38,9 +38,7 @@
 Related Topics
 
 
-
-Open file with 
example:
-
+Open file with 
example:
 
 
 
___
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl

2018-04-20 Thread Olivier Hallot 
 help3xsl/default.css  |5 +
 help3xsl/online_transform.xsl |   22 --
 2 files changed, 25 insertions(+), 2 deletions(-)

New commits:
commit f10b89e1d34ab5faca7c4121dc9d1389617d1ba5
Author: Olivier Hallot 
Date:   Thu Apr 19 19:26:46 2018 -0300

New Help: Improve table head rendering

Add class to parent  of 

Change-Id: Ifb9caf4d4ac3ab5e4c750b5bd96260e2dcb298e1
Reviewed-on: https://gerrit.libreoffice.org/53179
Tested-by: Jenkins 
Reviewed-by: Adolfo Jayme Barrientos 
Reviewed-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 8d6d3df2d..c37684477 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -123,6 +123,11 @@ pre,
 background: #CCF4C6;
 text-align: center;
 }
+.tableheadcell {
+background: #CCF4C6;
+vertical-align:top;
+}
+
 .howtogetheader {
 font-weight: bold;
 border: 1px solid #99;
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index 34838a517..e6d6838b7 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -777,9 +777,27 @@
 
 
 
-
+
+
+
+
+
+
+
+
+
+
 
-
+
+
+
+
+
+
+
+
+
+
 
 
 
___
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl

2018-01-30 Thread Olivier Hallot 
 help3xsl/default.css  |6 ++
 help3xsl/online_transform.xsl |7 ++-
 2 files changed, 12 insertions(+), 1 deletion(-)

New commits:
commit 875dbb65c79bd52049c270197aaa71cc243821fb
Author: Olivier Hallot 
Date:   Tue Jan 30 17:49:59 2018 -0200

New Help: Add donation link for online version

Change-Id: I340362a70ecc115565c7fd7cb2be1a5d0fbb5599
Reviewed-on: https://gerrit.libreoffice.org/48929
Reviewed-by: Olivier Hallot 
Tested-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 00187b4fd..debcf99aa 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -155,6 +155,12 @@ h6 {
 color: red;
 text-align: left;
 }
+.donation{
+padding:0px 0px 10px 0px;
+}
+.donation p{
+font-size:1.2rem;
+}
 .bascode {
 background-color: #fafafa;
 margin-left: 30px;
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index c8cf7660c..8b215f218 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -148,7 +148,7 @@
 
 
 
-https://helponline.libreoffice.org/;>
+
 
 
 
@@ -283,6 +283,11 @@
 gcse:search/gcse:search
 
 
+
+
+If this page has been helpful, https://www.libreoffice.org/donate/?pk_campaign=help; target 
="_blank">you can support us!
+
+
 http://www.libreoffice.org/imprint; 
target="_blank">Impressum (Legal Info) | http://www.libreoffice.org/privacy; target="_blank">Privacy Policy | 
http://www.documentfoundation.org/statutes.pdf; 
target="_blank">Statutes (non-binding English translation) - http://www.documentfoundation.org/satzung.pdf; target="_blank">Satzung 
(binding German version) | Copyright information: Unless otherwise 
specified, all text and images on this website are licensed under the http://www.libreoffice.org/download/license/; target="_blank">Mozilla 
Public License v2.0. “LibreOffice” and “The Document Foundation” are 
registered trademarks of their corresponding registered owners or are in actual 
use as trademarks in one or more countries. Their respective logos and icons 
are also subject to international copyright laws. Use thereof is explained in 
our http://wiki.documentfoundation.org/TradeMark_Policy; target
 ="_blank">trademark policy. LibreOffice was based on OpenOffice.org.
 
 Help content debug info:
___
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl

2017-10-12 Thread Ilmari Lauhakangas 
 help3xsl/default.css  |   32 ++
 help3xsl/online_transform.xsl |  134 +-
 2 files changed, 88 insertions(+), 78 deletions(-)

New commits:
commit 54d40a66cc5bdf829be02c0f5a0f6feb48ccb901
Author: Ilmari Lauhakangas 
Date:   Thu Oct 12 19:58:06 2017 +0200

Tweak the language menu

Simplified the markup and tweaked the look a bit.

Change-Id: Ifc296a82b17215e7bcfbfc17432aacddb922664b
Reviewed-on: https://gerrit.libreoffice.org/43345
Reviewed-by: Olivier Hallot 
Tested-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index d686169b1..4feb3ae04 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -231,14 +231,16 @@ header {
 float: left;
 margin-right: .5em;
 }
-header ul {
+header nav {
 margin-top: .7em;
 padding: 0;
 display: none;
+border: 1px solid;
+position: relative;
 }
 /* Create a style for the first level items */
 
-header > ul > li > a {
+header nav a {
 color: #33;
 background-color: #EE;
 display: block;
@@ -246,17 +248,19 @@ header > ul > li > a {
 padding: 0.2em 0.4em;
 text-decoration: none;
 font-weight: bold;
-border: 1px solid;
+border-width: 0 1px 0 0;
+border-style: solid;
 border-color: #33;
 font-size: 1.5em;
-}
-header ul li {
-/* make sure the width is honored */
-
 flex-shrink: 0;
-list-style-type: none;
 z-index: 100;
+white-space: nowrap;
+}
+
+header nav a:last-child {
+border-right-width: 0;
 }
+
 header label {
 cursor: pointer;
 font-size: 1.2em;
@@ -264,7 +268,7 @@ header label {
 top: 2em;
 float: right;
 }
-header input[type="checkbox"]:checked ~ ul {
+header input[type="checkbox"]:checked ~ nav {
 background: #f1f1f1;
 color: #444;
 z-index: 100;
@@ -275,6 +279,7 @@ header input[type="checkbox"]:checked ~ ul {
 /* allow for scrolling */
 
 overflow-x: auto;
+overflow-y: hidden;
 /* make it smooth on iOS */
 
 -webkit-overflow-scrolling: touch;
@@ -559,12 +564,17 @@ header input[type=checkbox],
 max-width: 1024px;
 margin: auto;
 }
-header > ul > li > a {
+header nav a {
 font-size: 1em;
+white-space: normal;
+border-width: 0 0 1px 0;
+}
+header nav a:last-child {
+border-bottom-width: 0;
 }
 /* change the language menu direction to stacked */
 
-header input[type="checkbox"]:checked ~ ul {
+header input[type="checkbox"]:checked ~ nav {
 flex-direction: column;
 max-width: 7.5em;
 float: right;
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index f3ddebee4..1d036fdb7 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -144,73 +144,73 @@
 
 
  ▼
-
-English 
(USA)
-አ
ማርኛ
-العربية
-Asturianu
-Български
-বাংলা
-বাংলা
-བོད་ཡིག / Bod skad
-Bosanski
-Català
-Català
-Valencia
-Česky
-Dansk
-Deutsch
- 
ཇོང་ཁ
-Ελληνικά
-English 
(GB)
-English 
(ZA)
-Esperanto
-Español
-Eesti
-Euskara
-Suomi
-Français
-Galego
-ગુજરાતી
-עברית
-हिन्दी
-Hrvatski
-Magyar
-Bahasa 
Indonesia
-Íslenska
-Italiano
-日本語
-ქარ
თული
-ភាសាខ្មែរ
-한국어
-ລາວ
-Lietuvių
-Latviešu
-Македонски
-Norsk (bokmål / 
riksmål)
-नेपाली
-Nederlands
-Norsk 
(nynorsk)
-Oromoo
-Polski
-Português
-Português do 
Brasil
-Română
-Р
усский
-සිංහල
-Sidámo 
'Afó
-Slovenčina
-Slovenščina
-Shqip
-Svenska
-தமிழ்
-Тоҷикӣ
-Türkçe
-ئۇيغۇرچە
-Українська
-Tiếng 
Việt
-中文 
(简体字)
-

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl

2017-07-25 Thread Buovjaga 
 help3xsl/default.css  |  564 +++---
 help3xsl/online_transform.xsl |   81 +++---
 2 files changed, 300 insertions(+), 345 deletions(-)

New commits:
commit d91a31ef72b13ae5aa135ef468771254bd31bf1a
Author: Buovjaga 
Date:   Tue Jul 25 11:38:36 2017 -0300

tdf#97745 Enhance help page layout

* Horizontal (stackable) navigation
* Work in progress

Change-Id: I16a9816b2465e995dd63e36fda0f0d89ea6053e4
Signed-off-by: Olivier Hallot 
Reviewed-on: https://gerrit.libreoffice.org/40421
Reviewed-by: Olivier Hallot 
Tested-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 8ec98944f..19d4ff53d 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -15,7 +15,6 @@
  *   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   +
@@ -25,168 +24,182 @@
 
 */
 
-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;
+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;
 }
-
 body {
 margin: 0;
 }
-
-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;
+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;
+font-weight: bold;
 }
-
 .related {
-  font-weight: bold;
-  margin-top: 20pt;
-  border-top: 1px solid black;
+font-weight: bold;
+margin-top: 20pt;
+border-top: 1px solid black;
 }
-
-.emph, .menuitem, .keycode {
-  font-weight: bold;
+.emph,
+.menuitem,
+.keycode {
+font-weight: bold;
 }
-
-.tablehead, .tableheadintable {
-  font-weight: bold;
-  margin-top: 0px;
-  background: #CCF4C6;
-  text-align: center;
+.tablehead,
+.tableheadintable {
+font-weight: bold;
+margin-top: 0px;
+background: #CCF4C6;
+text-align: center;
 }
-
 .howtogetheader {
-  font-weight: bold;
-  border: 1px solid #99;
-  background: #FF;
-  padding: 3px;
-}
-
-h1, h2, h3, h4, h5, h6 {
-  margin-bottom: 5pt;
-  color: #18A303;
-}
-
-p, td {
-  font-size: 11pt;
-  margin: 2px 2px 2px 2px;
+font-weight: bold;
+border: 1px solid #99;
+background: #FF;
+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;
+font-size: 18pt;
+border-bottom: 5px solid #18A303;
+padding-bottom: 6px;
+margin-bottom: 6px;
 }
-
 h2 {
-  font-size: 14pt;
+font-size: 14pt;
 }
-
 h3 {
-  font-size: 12pt;
+font-size: 12pt;
 }
-
-h4, h5, h6 {
-  font-size: 11pt;
+h4,
+h5,
+h6 {
+font-size: 11pt;
 }
-
 .avis {
-/*background-color: #EE;*/
+/*background-color: #EE;*/
 }
-
 .relatedtopics {
-  font-weight: normal;
+font-weight: normal;
 }
-
 .relatedbody {
-  margin-top: 2px;
-  margin-bottom: 2px;
-  margin-left: 5px;
+margin-top: 2px;
+margin-bottom: 2px;
+margin-left: 5px;
 }
-
 .howtoget {
-  background: #CCF4C6;
+background: #CCF4C6;
 }
-
 .howtogetbody {
-  background: #CCF4C6;
-  margin: 0px;
+background: #CCF4C6;
+margin: 0px;
 }
-
 .wide {
-  width: 100%;
+width: 100%;
 }
-
 .topalign {
-  vertical-align: top;
-  border: 1px;
+vertical-align: top;
+border: 1px;
 }
-
 .bug {
-  color: red;
+color: red;
 }
-
 .debug {
-  border: 1px solid black;
-  padding: 3px;
-  display: show;
-  background-color:#222;
-  color:red;
-  text-align:left;
+border: 1px solid black;
+padding: 3px;
+display: show;
+background-color: #222;
+color: red;
+text-align: left;
 }
-
 /* Basic code syntax highlight */
-.identifier, .unknown {
-  color: green;
-}
 
+.identifier,
+.unknown {
+color: green;
+}
 .keyword {
-  color:

[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl source/media

2017-07-23 Thread Buovjaga 
 help3xsl/default.css  |  732 +++---
 help3xsl/online_transform.xsl |  299 --
 source/media/navigation/favicon.ico   |binary
 source/media/navigation/libo-base.svg |1 
 source/media/navigation/libo-basic.svg|1 
 source/media/navigation/libo-calc.svg |1 
 source/media/navigation/libo-chart.svg|1 
 source/media/navigation/libo-draw.svg |1 
 source/media/navigation/libo-impress.svg  |1 
 source/media/navigation/libo-math.svg |1 
 source/media/navigation/libo-symbol-white.svg |1 
 source/media/navigation/libo-writer.svg   |1 
 12 files changed, 573 insertions(+), 467 deletions(-)

New commits:
commit 7f87a5f65fe80d0262a96b43ee14edae33a09948
Author: Buovjaga 
Date:   Sat Jul 22 14:08:09 2017 -0300

tdf#97745 Use system browser to display help pages

Some improvements (WIP)
* Use CSS grids
* Better language selector
* Better svg icons
* reorder some scripts, clean code
* favicon
* fix index

Change-Id: Idd55f41724cc3972c8b461ede5f1e975716c5290
Signed-off-by: Olivier Hallot 
Reviewed-on: https://gerrit.libreoffice.org/40316
Reviewed-by: Olivier Hallot 
Tested-by: Olivier Hallot 

diff --git a/help3xsl/default.css b/help3xsl/default.css
index d0ac1d303..8ec98944f 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -25,204 +25,12 @@
 
 */
 
-/* Document Structure */
-html{
-background: #FF;
-}
-body {
-padding: 0px;
-background: #fff;
-color: #333;
-margin: 0 auto;
-max-width: 900px;
-}
-
-/* Document Header */
-
-header {
-background: #00a500;
-padding: .5em 2em;
-color: #fff;
-line-height: 1;
-}
-
-header h1{
-margin-bottom: 0;
-color:white;
-}
-
-header nav{
-float: right;
-/*display:inline-block;*/
-}
-
-header nav select{
-font-size: .8em;
-}
-
-
-header nav div{
-font-size: .8em;
-}
-
-header nav div a {
-font-weight: 300;
-padding: .3em .5em
-}
-header nav a{
-color: #fff;
-display: inline-block;
-padding: .3em .8em
-}
-
-header nav a:hover, header nav a:focus{
-color: rgba(255,255,255,.6)
-}
-
-
-[role=main]{
-padding:1.5em 3em;
-}
-
-/* Document Article */
-
-article{
-padding: 1em 0;
-}
-
-/* Document Footer */
-
-footer{
-background: #00a500;
-color: #fff;
-padding: .1em 3em;
-text-align: center;
-}
-
-footer a{
-color:#c2f6ba;
+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;
 }
 
-/* tree view */
-
-.contents-treeview ul,
-.contents-treeview li
-{
-padding: 0;
+body {
 margin: 0;
-list-style: none;
-}
-
-.contents-treeview input
-{
-position: absolute;
-opacity: 0;
-}
-
-.contents-treeview
-{
--moz-user-select: none;
--webkit-user-select: none;
-user-select: none;
-}
-
-.contents-treeview a
-{
-text-decoration: none;
-}
-
-.contents-treeview a:hover
-{
-text-decoration: underline;
-}
-
-.contents-treeview input + label + ul
-{
-margin: 0 0 0 22px;
-}
-
-.contents-treeview input ~ ul
-{
-display: none;
-}
-
-.contents-treeview label,
-.contents-treeview label::before
-{
-cursor: pointer;
-}
-
-.contents-treeview input:disabled + label
-{
-cursor: default;
-opacity: .6;
-}
-
-.contents-treeview input:checked:not(:disabled) ~ ul
-{
-display: block;
-}
-
-.contents-treeview label,
-.contents-treeview label::before
-{
-background: url("media/icon-themes/res/folderop.png") no-repeat;
-}
-
-.contents-treeview label,
-.contents-treeview a,
-.contents-treeview label::before
-{
-display: inline-block;
-height: 16px;
-line-height: 16px;
-vertical-align: middle;
-}
-
-.contents-treeview label
-{
-background-position: 18px 0;
-}
-
-.contents-treeview label::before
-{
-content: "";
-width: 16px;
-margin: 0 22px 0 0;
-vertical-align: middle;
-background-position: 0 -32px;
-}
-
-.contents-treeview input:checked + label::before
-{
-background-position: 0 -16px;
-}
-
-/* webkit adjacent element selector bugfix */
-@media screen and (-webkit-min-device-pixel-ratio:0)
-{
-.contents-treeview
-{
--webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
-}
-
-@-webkit-keyframes webkit-adjacent-element-selector-bugfix
-{
-from
-{
-padding: 0;
-}
-to
-{
-padding: 0;
-}
-}
-}
-
-
-/* default from old LibreOffice help system */
-body, p, h1, h2, h3, h4, h5, h6, .listitem, .listitemintable, .tablecontent, 
.tablecontentintable {
-