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 <[email protected]>
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 <[email protected]>
    Reviewed-on: https://gerrit.libreoffice.org/40316
    Reviewed-by: Olivier Hallot <[email protected]>
    Tested-by: Olivier Hallot <[email protected]>

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: #FFFFFF;
-}
-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 {
-  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 {
@@ -289,6 +97,7 @@ h4, h5, h6 {
 }
 
 .avis {
+/*    background-color: #EEEEEE;*/
 }
 
 .relatedtopics {
@@ -321,15 +130,15 @@ h4, h5, h6 {
 
 .bug {
   color: red;
-  border: 1px solid red;
 }
 
 .debug {
   border: 1px solid black;
   padding: 3px;
   display: show;
-  background-color:black;
-  text-align: left;
+  background-color:#222;
+  color:red;
+  text-align:left;
 }
 
 /* Basic code syntax highlight */
@@ -363,167 +172,486 @@ h4, h5, h6 {
   font-weight: bold;
 }
 
-.topmenu {
-  font-size: 12pt;
-  font-weight: bold;
-  padding: 1px;
-  border: solid 1px #18A303;
+
+#DisplayArea {
+  overflow: auto;
+/*   border: solid 1px; */
+  padding: 10px;
+  grid-area: main;
 }
 
-a:hover, a:focus{
-    color: #000;
+.mediabutton {
+  background-color: cyan;
 }
-a:active{
-    position: relative;
-    top:1px;
+
+.embedded {
+}
+
+header {
+    background-color: #18A303;
+    color: #fff;
+    height: 4em;
+    padding: .5em .5em .5em 1em;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    grid-area: header;
 }
 
-/* Document Tabs */
+.logo {
+    flex-shrink: 0;
+    color: #fff;
+    text-decoration: none;
+    float: left;
+}
 
-.js-on #tabs article
-{
-    display:none
+.logo p {
+    font-size: 1.5em;
 }
 
-#tabs, #tabs nav a.active{
-background: #f8f8f8;
-color: #111;
+.logo .symbol {
+    /*mask: url(libo-symbol.svg) no-repeat center;
+    mask-size: contain;
+    background-color: #fff;*/
+    background-image: url(media/navigation/libo-symbol-white.svg);
+    background-repeat: no-repeat;
+    background-size: contain;
+    width: 3em;
+    height: 3.7em;
+    float: left;
+    margin-right: .5em;
 }
 
-#tabs nav
-{
+header ul {
+    margin-top: .7em;
+    padding: 0;
+    display: none;
+}
+
+/* Create a style for the first level items */
+header > 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: 1.5em;
+}
+
+header ul li {
+  /* make sure the width is honored */
+    flex-shrink: 0;
+    list-style-type: none;
+    z-index: 100;
+}
+
+
+header label {
+    cursor: pointer;
+    font-size: 1.2em;
     position: relative;
-    overflow: hidden;
-    display: table;
-    background: #bbb;
+    top: 2em;
+    float: right;
 }
 
-#tabs nav a
-{
-    width:200px;
-    display:table-cell;
-    padding:1em;
-    text-align:center;
-    color: #333;
+header input[type="checkbox"]:checked ~ ul {
+       background: #f1f1f1;
+       color: #444;
+       z-index: 100;
+    /* line them up horizontally */
+    display: flex;
+    flex-direction: row;
+    /* allow for scrolling */
+    overflow-x: auto;
+    /* make it smooth on iOS */
+    -webkit-overflow-scrolling: touch;
+    clear: both;    
+    text-align: center;
 }
 
-#tabs nav a:hover,#tabs nav a:focus
-{
-    background:#eee
+footer{
+    background: #18A303;
+    color: #fff;
+    padding: .1em 3em;
+    text-align: center;
+    grid-area: footer;
 }
 
-#tabs article
-{
-    padding:2em;
+footer a{
+    color:#c2f6ba;
 }
 
-.js-on #tabs article.active
-{
+.breadcrumbs ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  color: #333;
+}
+
+.breadcrumbs li {
+  display: inline-block;
+  position: relative;
+  padding-right: 2em;
+  margin: 0;
+}
+
+.breadcrumbs li:after {
+    content: '>';
+    position: absolute;
+    display: inline-block;
+    right: 0;
+    width: 2em;
+    text-align: center;
+}
+
+.breadcrumbs li:last-child {
+  font-weight: bold;
+}
+
+.breadcrumbs li:last-child:after {
+    content: '';
+}
+
+.breadcrumbs a {
+  text-decoration: none;
+  display: inline-block;
+  color: #333;
+  white-space: nowrap;
+}
+
+.breadcrumbs a:hover {
+    text-decoration: underline;
+}
+
+.accordion {
+    margin: 0 auto;
+    width: 100%;
+    height: 100%;
+    list-style-type: none;
+    grid-area: accordion;
+}
+
+.accordion > div {
+    display:none;
+}
+
+.accordion input[type=checkbox], header input[type=checkbox] {
+       position: absolute;
+       opacity: 0;
+}
+
+.accordion > label {
+       color: #666;
+       cursor: pointer;
+       display: block;
+       font-size: 1em;
+       height: 2.5em;
+       line-height: 2.5em;
+       margin-right: .25em;
+       padding: 0 1.5em;
+       text-align: center;
+}
+
+.accordion > label:nth-of-type(1) {
+    background: #E7FDE4;
+}
+
+.accordion > label:nth-of-type(2) {
+    background: #F7FEE5;
+}
+
+.accordion > label:nth-of-type(3) {
+    background: #E2FBF8;
+}
+
+.accordion > label:hover {
+       color: #222;
+}
+
+.accordion > label:nth-of-type(1):hover {
+       background: #D5FACF;
+}
+
+.accordion > label:nth-of-type(2):hover {
+       background: #F0FDD2;
+}
+
+.accordion > label:nth-of-type(3):hover {
+       background: #CAF4F0;
+}
+
+.accordion input[type=checkbox]:checked + label + div {
+       background: #f1f1f1;
+       color: #444;
+       z-index: 6;
     display:block;
 }
-#tabs #mobiles{
-display:none;
-border-radius: 0;
+
+#Index div#SearchBox {
+       background-color: #c2f6ba;
+       line-height:2em;
+       border: 1px solid #18A303;
+    vertical-align: center;
+    text-align: center;
+    top:2px;
+    left:2px;
+}
+#Index ul li {
+    list-style-type: none;
+}
+#Index p {
+       font-size: 16pt;
+       font-weight: bold;
 }
-#tabs #mobiles a, #tabs #mobiles a:first-child, #tabs #mobiles a:last-child{
-width:300px;
-border-radius: 0;
+#search-bar {
+    max-width: 300px;
 }
 
-#DisplayArea {
+.modules {
+    margin: 0;
+    padding: 1em;
+    overflow: hidden;
+    grid-area: modules;
+}
+.modules ul{
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+}
+.modules ul li {
+    float: left;
+    list-style-type: none;
 }
 
-#Index {
-  overflow: auto;
+/* Create a style for the first level items */
+.modules > ul > li > a {
+    color: #000;
+    display: block;
+    line-height: 1.5em;
+    padding: 0.5em 0.5em;
+    text-decoration: none;
+    font-weight: bold;
+    font-size: 11pt;
+    float:left;
 }
 
-#Index ul{
-  list-style-type: none;
+.modules div {
+    /*mask: url(libo-symbol-white.svg) no-repeat center;
+    mask-size: contain;*/    
+    background-repeat: no-repeat;
+    background-size: contain;
+    float: left;
 }
 
-#SearchBox{
-background-color:#c2f6ba;
-border-color:green;
-border:solid 1px;
+/* We have to use SVG sprites for now, but CSS mask would be
+   the superior solution (commented out). It can be used,
+   when browser support improves and bugs are fixed. */
 
+.calc, .writer, .impress, .draw, .math, .base {
+    width: 21.5px;
+
+    height: 26px;
+
+    position: relative;
+    top: -8px;
+    margin-right: 5px;
 }
 
-#TopRight {
+.calc {
+    /*background-color: #179e03;*/
+    background-image: url(media/navigation/libo-calc.svg);
 }
 
-#TopLeft {
-  left: 1px;
-  position: fixed;
-  top: 35px;
+.writer {
+    /*background-color: #03669e;*/
+    background-image: url(media/navigation/libo-writer.svg);
 }
 
-#TopLang {
-  left: 1px;
-  position: fixed;
-  top: 1px;
-  right:30%
+.impress {
+    /*background-color: #9e3c03;*/
+    background-image: url(media/navigation/libo-impress.svg);
 }
 
-.mediabutton {
-  background-color: cyan;
+.draw {
+    /*background-color: #c49800;*/
+    background-image: url(media/navigation/libo-draw.svg);
 }
 
-.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;
+.math {
+    /*background-color: #626262;*/
+    background-image: url(media/navigation/libo-math.svg);
 }
 
-.embedded {
+.base {
+    /*background-color: #89039e;*/
+    background-image: url(media/navigation/libo-base.svg);
+}
+
+.chart {
+    background-image: url(media/navigation/libo-chart.svg);
+    width: 25.14px;
+    height: 25.4px;
+    position: relative;
+    top: -6.5px;
+    margin-right: 5px;
+}
+
+.basic {
+    background-image: url(media/navigation/libo-basic.svg);
+    width: 25.4px;
+    height: 25.4px;
+    position: relative;
+    top: -8.7px;
+    margin-right: 5px;
+}
+
+/* tree view */
+
+.contents-treeview ul,
+.contents-treeview li
+{
+    padding: 0;
+    margin: 0;
+    list-style: none;
+}
+
+.contents-treeview
+{
+/*    font: normal 11px "Segoe UI", Arial, Sans-serif;*/
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+}
+
+.contents-treeview a
+{
+/*     color: #00f; */
+    text-decoration: none;
+}
+
+.contents-treeview a:hover
+{
+    text-decoration: underline;
 }
 
-/* Media queries */
-@media screen and (min-width:900px)
+.contents-treeview input + label + ul
 {
-    body{font-size: 1.1em;}
+    margin: 0 0 0 22px;
 }
 
-@media screen and (max-width:600px)
+.contents-treeview input ~ ul
 {
-    #tabs nav{
     display: none;
-    position: relative;
-    }
-    #tabs #mobiles{
-    display:block;
-    }
-    #tabs article {
-    display:block;
-    }
 }
-@media screen and (max-width:480px)
+
+.contents-treeview label,
+.contents-treeview label::before
+{
+    cursor: pointer;
+    background: url("media/icon-themes/res/folderop.png") no-repeat;
+    color: #111;
+}
+
+.contents-treeview input:disabled + label
+{
+    cursor: default;
+    opacity: .6;
+}
+
+.contents-treeview input:checked:not(:disabled) ~ ul
+{
+    display: block;
+}
+
+.contents-treeview label,
+.contents-treeview a,
+.contents-treeview label::before
+{
+    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;
+    background-position: 0 -32px;
+    display: inline-block;
+}
+
+.contents-treeview input:checked + label::before
+{
+    background-position: 0 -16px;
+}
+
+/* webkit adjacent element selector bugfix */
+@media screen and (-webkit-min-device-pixel-ratio:0)
 {
-    blockquote{
-        float: none;
+    .contents-treeview
+    {
+        -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
+    }
+
+    @-webkit-keyframes webkit-adjacent-element-selector-bugfix
+    {
+        from
+        {
+            padding: 0;
+        }
+        to
+        {
+            padding: 0;
+        }
     }
+}
 
-    header nav a{
-        padding:.7em .8em
+@media screen and (min-width:960px) {
+    body {
+        max-width: 960px;
+        margin: auto;
     }
-    header nav{
-        float: none;
-        margin: -.5em -3em 0;
-        background: #000;
-        overflow: hidden;
-        text-align: left
+    header > ul > li > a {
+        font-size: 1em;
     }
-    header nav a{
-        border-right: 1px solid #222
+    /* force a break after the language button so menu will go below */
+    header label {
+        page-break-after: always;
+        break-after: always;
     }
-    [role=main]{
-        padding:1.5em 2em;
+    /* change the language menu direction to stacked */
+    header input[type="checkbox"]:checked ~ ul {
+        flex-direction: column;
+        max-width: 7.5em;
+        float: right;
+        overflow-y: auto;
+        max-height: 30em;
     }
-    header nav div{
-        display: none;
+}
+
+@supports (grid-area: auto) {
+    @media screen and (min-width:960px) {
+    body {
+        max-width: 1280px;
+        margin: auto;
+        display: grid;
+        grid-template-columns: 320px 1fr;
+        grid-template-rows: 1fr minmax(1em, auto);
+        grid-template-areas: "header header"
+                             "accordion modules"
+                             "accordion main"
+                             "footer footer";
     }
 }
+}
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index 354195a84..eef2cb982 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -129,27 +129,11 @@
         <!--<base href="file:///home/tdf/git/core/helpcontent2/source/html/"/> 
-->
         <base href="/"/>
         <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
-       <title><xsl:value-of select="$titleL10N"/></title>
+        <title><xsl:value-of select="$titleL10N"/></title>
+        <link rel="shortcut icon" 
href="{$productversion}/media/navigation/favicon.ico" />
         <link  type="text/css" href="{$productversion}/default.css" 
rel="Stylesheet" />
         <script type="text/javascript" 
src="{$productversion}/jquery-3.1.1.min.js"></script>
         <script type="text/javascript" 
src="{$productversion}/help.js"></script>
-        <!-- Piwik -->
-        <script type="text/javascript">
-            <![CDATA[
-            var _paq = _paq || [];
-            /* tracker methods like "setCustomDimension" should be called 
before "trackPageView" */
-            _paq.push(['trackPageView']);
-            _paq.push(['enableLinkTracking']);
-            (function() {
-            var u="//piwik.documentfoundation.org/";
-            _paq.push(['setTrackerUrl', u+'piwik.php']);
-            _paq.push(['setSiteId', '68']);
-            var d=document, g=d.createElement('script'), 
s=d.getElementsByTagName('script')[0];
-            g.type='text/javascript'; g.async=true; g.defer=true; 
g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
-            })();
-            ]]>
-        </script>
-        <!-- End Piwik Code -->
         <meta name="viewport" content="width=device-width,initial-scale=1"/>
     </head>
     <body lang="{$lang}" itemscope="true" 
itemtype="http://schema.org/TechArticle";>
@@ -158,125 +142,120 @@
     <meta itemprop="datePublished" content="2017"/>
     <meta itemprop="headline" content="{$titleL10N}"/>
     <header>
-        <nav>
-            <select name="modules">
-                <option id="M_CALC" 
value="{$productversion}/{$lang}/text/scalc/main0000.html?DbPAR=CALC">Calc</option>
-                <option id="M_WRITER" 
value="{$productversion}/{$lang}/text/swriter/main0000.html?DbPAR=WRITER">Writer</option>
-                <option id="M_IMPRESS" 
value="{$productversion}/{$lang}/text/simpress/main0000.html?DbPAR=IMPRESS">Impress</option>
-                <option id="M_DRAW" 
value="{$productversion}/{$lang}/text/sdraw/main0000.html?DbPAR=DRAW">Draw</option>
-                <option id="M_CHART" 
value="{$productversion}/{$lang}/text/schart/main0000.html?DbPAR=CHART">Chart</option>
-                <option id="M_BASIC" 
value="{$productversion}/{$lang}/text/sbasic/shared/main0601.html?DbPAR=BASIC">Basic</option>
-                <option id="M_MATH" 
value="{$productversion}/{$lang}/text/smath/main0000.html?DbPAR=MATH">Math</option>
-                <option id="M_BASE" 
value="{$productversion}/{$lang}/text/shared/explorer/database/main.html?DbPAR=BASE">Base</option>
-            </select>
-            <select name="system">
-                <option id="S_WIN" 
value="{$productversion}/{$lang}{$htmlpage}?System=WIN">Windows</option>
-                <option id="S_UNIX" 
value="{$productversion}/{$lang}{$htmlpage}?System=UNIX">Linux</option>
-                <option id="S_MAC" 
value="{$productversion}/{$lang}{$htmlpage}?System=MAC">Mac</option>
-            </select>
-            <select name="language">
-                <option 
value="{$productversion}/en-US{$htmlpage}">EN-US</option>
-                <option value="{$productversion}/am{$htmlpage}">AM</option>
-                <option value="{$productversion}/ar{$htmlpage}">AR</option>
-                <option value="{$productversion}/ast{$htmlpage}">AST</option>
-                <option value="{$productversion}/bg{$htmlpage}">BG</option>
-                <option value="{$productversion}/bn{$htmlpage}">BN</option>
-                <option 
value="{$productversion}/bn-IN{$htmlpage}">BN-IN</option>
-                <option value="{$productversion}/bo{$htmlpage}">BO</option>
-                <option value="{$productversion}/bs{$htmlpage}">BS</option>
-                <option value="{$productversion}/ca{$htmlpage}">CA</option>
-                <option 
value="{$productversion}/ca-valencia{$htmlpage}">CA-Valencia</option>
-                <option value="{$productversion}/cs{$htmlpage}">CS</option>
-                <option value="{$productversion}/da{$htmlpage}">DA</option>
-                <option value="{$productversion}/de{$htmlpage}">DE</option>
-                <option value="{$productversion}/dz{$htmlpage}">DZ</option>
-                <option value="{$productversion}/el{$htmlpage}">EL</option>
-                <option 
value="{$productversion}/en-GB{$htmlpage}">EN-GB</option>
-                <option 
value="{$productversion}/en-ZA{$htmlpage}">EN-ZA</option>
-                <option value="{$productversion}/eo{$htmlpage}">EO</option>
-                <option value="{$productversion}/es{$htmlpage}">ES</option>
-                <option value="{$productversion}/et{$htmlpage}">ET</option>
-                <option value="{$productversion}/eu{$htmlpage}">EU</option>
-                <option value="{$productversion}/fi{$htmlpage}">FI</option>
-                <option value="{$productversion}/fr{$htmlpage}">FR</option>
-                <option value="{$productversion}/gl{$htmlpage}">GL</option>
-                <option value="{$productversion}/gu{$htmlpage}">GU</option>
-                <option value="{$productversion}/he{$htmlpage}">HE</option>
-                <option value="{$productversion}/hi{$htmlpage}">HI</option>
-                <option value="{$productversion}/hr{$htmlpage}">HR</option>
-                <option value="{$productversion}/hu{$htmlpage}">HU</option>
-                <option value="{$productversion}/id{$htmlpage}">ID</option>
-                <option value="{$productversion}/is{$htmlpage}">IS</option>
-                <option value="{$productversion}/it{$htmlpage}">IT</option>
-                <option value="{$productversion}/ja{$htmlpage}">JA</option>
-                <option value="{$productversion}/ka{$htmlpage}">KA</option>
-                <option value="{$productversion}/km{$htmlpage}">KM</option>
-                <option value="{$productversion}/ko{$htmlpage}">KO</option>
-                <option value="{$productversion}/lo{$htmlpage}">LO</option>
-                <option value="{$productversion}/lt{$htmlpage}">LT</option>
-                <option value="{$productversion}/lv{$htmlpage}">LV</option>
-                <option value="{$productversion}/mk{$htmlpage}">MK</option>
-                <option value="{$productversion}/nb{$htmlpage}">NB</option>
-                <option value="{$productversion}/ne{$htmlpage}">NE</option>
-                <option value="{$productversion}/nl{$htmlpage}">NL</option>
-                <option value="{$productversion}/nn{$htmlpage}">NN</option>
-                <option value="{$productversion}/om{$htmlpage}">OM</option>
-                <option value="{$productversion}/pl{$htmlpage}">PL</option>
-                <option value="{$productversion}/pt{$htmlpage}">PT</option>
-                <option 
value="{$productversion}/pt-BR{$htmlpage}">PT-BR</option>
-                <option value="{$productversion}/ro{$htmlpage}">RO</option>
-                <option value="{$productversion}/ru{$htmlpage}">RU</option>
-                <option value="{$productversion}/sid{$htmlpage}">SID</option>
-                <option value="{$productversion}/sk{$htmlpage}">SK</option>
-                <option value="{$productversion}/sl{$htmlpage}">SL</option>
-                <option value="{$productversion}/sq{$htmlpage}">SQ</option>
-                <option value="{$productversion}/sv{$htmlpage}">SV</option>
-                <option value="{$productversion}/ta{$htmlpage}">TA</option>
-                <option value="{$productversion}/tg{$htmlpage}">TG</option>
-                <option value="{$productversion}/tr{$htmlpage}">TR</option>
-                <option value="{$productversion}/ug{$htmlpage}">UG</option>
-                <option value="{$productversion}/uk{$htmlpage}">UK</option>
-                <option value="{$productversion}/vi{$htmlpage}">VI</option>
-                <option 
value="{$productversion}/zh-CN{$htmlpage}">ZH-CN</option>
-                <option 
value="{$productversion}/zh-TW{$htmlpage}">ZH-TW</option>
-            </select>
+        <a class="logo" href="https://helponline.libreoffice.org/";>
+            <div class="symbol"></div>
+            <p>LibreOffice <xsl:value-of select="$productversion"/> Help</p>
+        </a>
+        <input id="langs" name="language-menu" type="checkbox"/>
+        <label for="langs" role="button">Language ▼</label>
+        <ul>
+            <li><a href="{$productversion}/en-US{$htmlpage}">EN-US</a></li>
+            <li><a href="{$productversion}/am{$htmlpage}">AM</a></li>
+            <li><a href="{$productversion}/ar{$htmlpage}">AR</a></li>
+            <li><a href="{$productversion}/ast{$htmlpage}">AST</a></li>
+            <li><a href="{$productversion}/bg{$htmlpage}">BG</a></li>
+            <li><a href="{$productversion}/bn{$htmlpage}">BN</a></li>
+            <li><a href="{$productversion}/bn-IN{$htmlpage}">BN-IN</a></li>
+            <li><a href="{$productversion}/bo{$htmlpage}">BO</a></li>
+            <li><a href="{$productversion}/bs{$htmlpage}">BS</a></li>
+            <li><a href="{$productversion}/ca{$htmlpage}">CA</a></li>
+            <li><a 
href="{$productversion}/ca-valencia{$htmlpage}">CA-Valencia</a></li>
+            <li><a href="{$productversion}/cs{$htmlpage}">CS</a></li>
+            <li><a href="{$productversion}/da{$htmlpage}">DA</a></li>
+            <li><a href="{$productversion}/de{$htmlpage}">DE</a></li>
+            <li><a href="{$productversion}/dz{$htmlpage}">DZ</a></li>
+            <li><a href="{$productversion}/el{$htmlpage}">EL</a></li>
+            <li><a href="{$productversion}/en-GB{$htmlpage}">EN-GB</a></li>
+            <li><a href="{$productversion}/en-ZA{$htmlpage}">EN-ZA</a></li>
+            <li><a href="{$productversion}/eo{$htmlpage}">EO</a></li>
+            <li><a href="{$productversion}/es{$htmlpage}">ES</a></li>
+            <li><a href="{$productversion}/et{$htmlpage}">ET</a></li>
+            <li><a href="{$productversion}/eu{$htmlpage}">EU</a></li>
+            <li><a href="{$productversion}/fi{$htmlpage}">FI</a></li>
+            <li><a href="{$productversion}/fr{$htmlpage}">FR</a></li>
+            <li><a href="{$productversion}/gl{$htmlpage}">GL</a></li>
+            <li><a href="{$productversion}/gu{$htmlpage}">GU</a></li>
+            <li><a href="{$productversion}/he{$htmlpage}">HE</a></li>
+            <li><a href="{$productversion}/hi{$htmlpage}">HI</a></li>
+            <li><a href="{$productversion}/hr{$htmlpage}">HR</a></li>
+            <li><a href="{$productversion}/hu{$htmlpage}">HU</a></li>
+            <li><a href="{$productversion}/id{$htmlpage}">ID</a></li>
+            <li><a href="{$productversion}/is{$htmlpage}">IS</a></li>
+            <li><a href="{$productversion}/it{$htmlpage}">IT</a></li>
+            <li><a href="{$productversion}/ja{$htmlpage}">JA</a></li>
+            <li><a href="{$productversion}/ka{$htmlpage}">KA</a></li>
+            <li><a href="{$productversion}/km{$htmlpage}">KM</a></li>
+            <li><a href="{$productversion}/ko{$htmlpage}">KO</a></li>
+            <li><a href="{$productversion}/lo{$htmlpage}">LO</a></li>
+            <li><a href="{$productversion}/lt{$htmlpage}">LT</a></li>
+            <li><a href="{$productversion}/lv{$htmlpage}">LV</a></li>
+            <li><a href="{$productversion}/mk{$htmlpage}">MK</a></li>
+            <li><a href="{$productversion}/nb{$htmlpage}">NB</a></li>
+            <li><a href="{$productversion}/ne{$htmlpage}">NE</a></li>
+            <li><a href="{$productversion}/nl{$htmlpage}">NL</a></li>
+            <li><a href="{$productversion}/nn{$htmlpage}">NN</a></li>
+            <li><a href="{$productversion}/om{$htmlpage}">OM</a></li>
+            <li><a href="{$productversion}/pl{$htmlpage}">PL</a></li>
+            <li><a href="{$productversion}/pt{$htmlpage}">PT</a></li>
+            <li><a href="{$productversion}/pt-BR{$htmlpage}">PT-BR</a></li>
+            <li><a href="{$productversion}/ro{$htmlpage}">RO</a></li>
+            <li><a href="{$productversion}/ru{$htmlpage}">RU</a></li>
+            <li><a href="{$productversion}/sid{$htmlpage}">SID</a></li>
+            <li><a href="{$productversion}/sk{$htmlpage}">SK</a></li>
+            <li><a href="{$productversion}/sl{$htmlpage}">SL</a></li>
+            <li><a href="{$productversion}/sq{$htmlpage}">SQ</a></li>
+            <li><a href="{$productversion}/sv{$htmlpage}">SV</a></li>
+            <li><a href="{$productversion}/ta{$htmlpage}">TA</a></li>
+            <li><a href="{$productversion}/tg{$htmlpage}">TG</a></li>
+            <li><a href="{$productversion}/tr{$htmlpage}">TR</a></li>
+            <li><a href="{$productversion}/ug{$htmlpage}">UG</a></li>
+            <li><a href="{$productversion}/uk{$htmlpage}">UK</a></li>
+            <li><a href="{$productversion}/vi{$htmlpage}">VI</a></li>
+            <li><a href="{$productversion}/zh-CN{$htmlpage}">ZH-CN</a></li>
+            <li><a href="{$productversion}/zh-TW{$htmlpage}">ZH-TW</a></li>
+        </ul>
+    </header>
+    <nav class="modules">
+        <ul>
+            <li><a 
href="{$productversion}/{$lang}/text/scalc/main0000.html?DbPAR=CALC"><div 
class="calc"></div>Calc</a></li>
+            <li><a 
href="{$productversion}/{$lang}/text/swriter/main0000.html?DbPAR=WRITER"><div 
class="writer"></div>Writer</a></li>
+            <li><a 
href="{$productversion}/{$lang}/text/simpress/main0000.html?DbPAR=IMPRESS"><div 
class="impress"></div>Impress</a></li>
+            <li><a 
href="{$productversion}/{$lang}/text/sdraw/main0000.html?DbPAR=DRAW"><div 
class="draw"></div>Draw</a></li>
+            <li><a 
href="{$productversion}/{$lang}/text/schart/main0000.html?DbPAR=CHART"><div 
class="chart"></div>Chart</a></li>
+            <li><a 
href="{$productversion}/{$lang}/text/sbasic/shared/main0601.html?DbPAR=BASIC"><div
 class="basic"></div>Basic</a></li>
+            <li><a 
href="{$productversion}/{$lang}/text/smath/main0000.html?DbPAR=MATH"><div 
class="math"></div>Math</a></li>
+            <li><a 
href="{$productversion}/{$lang}/text/shared/explorer/database/main.html?DbPAR=BASE"><div
 class="base"></div>Base</a></li>
+        </ul>
+    </nav>
+
+    <div class="accordion">
+        <input id="accordion-1" name="accordion-menu" type="checkbox"/>
+        <label for="accordion-1" role="button">Contents</label>
+        <div id="Contents" class="contents-treeview"></div>
+        <input id="accordion-2" name="accordion-menu" type="checkbox"/>
+        <label for="accordion-2" role="button">Search</label>
+        <div id="content-2">
             <script type="text/javascript">
                 <![CDATA[
-                document.addEventListener('DOMContentLoaded',function() {
-                
document.querySelector('select[name="modules"]').onchange=changeModuleHandler;
-                
document.querySelector('select[name="system"]').onchange=changeSystemHandler;
-                
document.querySelector('select[name="language"]').onchange=changeLangHandler;
-                },false);
-
-                function changeModuleHandler(event) {
-                // You can use “this” to refer to the selected element.
-                var system = getParameterByName("System");
-                window.open('/'+event.target.value + '&System=' + 
system,'_top');
-                }
-                function changeSystemHandler(event) {
-                // You can use “this” to refer to the selected element.
-                var module = getParameterByName("DbPAR");
-                window.open('/'+event.target.value + '&DbPAR=' + 
module,'_top');
-                }
-                function changeLangHandler(event) {
-                // You can use “this” to refer to the selected element.
-                var system = getParameterByName("System");
-                var module = getParameterByName("DbPAR");
-                window.open('/' + event.target.value  + '?DbPAR=' + module + 
'&System=' + system ,'_top');
-                }
+                (function() {
+                var cx = '010161382024564278136:oejldkqc20o';
+                var gcse = document.createElement('script');
+                gcse.type = 'text/javascript';
+                gcse.async = true;
+                gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
+                var s = document.getElementsByTagName('script')[0];
+                s.parentNode.insertBefore(gcse, s);
+                })();
                 ]]>
             </script>
-        </nav>
-        <h1>LibreOffice <xsl:value-of select="$productversion"/><br/>Help 
Online</h1>
-    </header>
-    <section id="tabs">
-        <article data-title="{$titleL10N}">
-            <div id="DisplayArea" itemprop="articleBody">
-                <xsl:apply-templates select="/helpdocument/body"/>
+            <xsl:text 
disable-output-escaping="yes">&lt;gcse:search&gt;&lt;/gcse:search&gt;</xsl:text>
+        </div>
+        <input id="accordion-3" name="accordion-menu" type="checkbox"/>
+        <label for="accordion-3" role="button">Index</label>
+        <div id="Index">
+            <div id="SearchBox">
+                <p> &#32;&#x1f50e;&#32; <input id="search-bar" 
type="text"/></p>
             </div>
-        </article>
-        <article id="Index" data-title="Index">
-            <div id="SearchBox"><p>&#32;&#x1f50e;&#32;<input type="text" 
id="search-bar"/></p></div>
             <div id="Bookmarks">
                 <ul id="bookmarkCALC" hidden="true"></ul>
                 <ul id="bookmarkCHART" hidden="true"></ul>
@@ -288,33 +267,13 @@
                 <ul id="bookmarkSHARED"></ul>
                 <ul id="bookmarkBASIC" hidden="true"></ul>
             </div>
-        </article>
-        <article data-title="Search">
-            <div id="TopRight">
-                <script type="text/javascript">
-                    <![CDATA[
-                    (function() {
-                    var cx = '010161382024564278136:oejldkqc20o';
-                    var gcse = document.createElement('script');
-                    gcse.type = 'text/javascript';
-                    gcse.async = true;
-                    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
-                    var s = document.getElementsByTagName('script')[0];
-                    s.parentNode.insertBefore(gcse, s);
-                    })();
-                    ]]>
-                </script>
-                <xsl:text 
disable-output-escaping="yes">&lt;gcse:search&gt;&lt;/gcse:search&gt;</xsl:text>
-            </div>
-        </article>
-        <article data-title="Contents">
-            <div id="Contents" class="contents-treeview"></div>
-        </article>
-    </section>
+        </div>
+    </div>
+    <div id="DisplayArea" itemprop="articleBody">
+        <xsl:apply-templates select="/helpdocument/body"/>
+    </div>
     <footer>
         <p><a href="http://www.libreoffice.org/imprint"; 
target="_blank">Impressum (Legal Info)</a> | <a 
href="http://www.libreoffice.org/privacy"; target="_blank">Privacy Policy</a> | 
<a href="http://www.documentfoundation.org/statutes.pdf"; 
target="_blank">Statutes (non-binding English translation)</a> - <a 
href="http://www.documentfoundation.org/satzung.pdf"; target="_blank">Satzung 
(binding German version)</a> | Copyright information: Unless otherwise 
specified, all text and images on this website are licensed under the <a 
href="http://creativecommons.org/licenses/by-sa/3.0/"; target="_blank">Creative 
Commons Attribution-Share Alike 3.0 License</a>. This does not include the 
source code of LibreOffice, which is licensed under the <a 
href="http://www.libreoffice.org/download/license/"; target="_blank">Mozilla 
Public License v2.0</a>. “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 <a 
href="http://wiki.documentfoundation.org/TradeMark_Policy"; 
target="_blank">trademark policy</a>. LibreOffice was based on 
OpenOffice.org.</p>
-    </footer>
-    <footer>
         <div class="debug">
             <h3 class="bug">Help content debug info:</h3>
             <p>This page is: <xsl:value-of select="$filename"/></p>
@@ -323,6 +282,8 @@
             <p id="bm_system"></p>
         </div>
     </footer>
+    <script type="text/javascript" 
src="{$productversion}/{$lang}/bookmarks.js"/>
+    <script type="text/javascript" 
src="{$productversion}/{$lang}/contents.js"/>
     <script type="text/javascript">
         <![CDATA[
         var module = getParameterByName("DbPAR");
@@ -334,15 +295,23 @@
         document.getElementById("bm_system").innerHTML ="System is: "+system;
         ]]>
     </script>
-    <script type="text/javascript" 
src="{$productversion}/{$lang}/bookmarks.js"/>
-    <script type="text/javascript" 
src="{$productversion}/{$lang}/contents.js"/>
-    <script type="text/javascript" src="{$productversion}/tabs.js"></script>
-    <script>
-        var myTabs = new tabs(document.getElementById("tabs"), "article", 
"h2").responsive("myTabs", {
-        prev: "Previous",
-        next: "Next"
-        });
+    <!-- Piwik -->
+    <script type="text/javascript">
+        <![CDATA[
+        var _paq = _paq || [];
+        /* tracker methods like "setCustomDimension" should be called before 
"trackPageView" */
+        _paq.push(['trackPageView']);
+        _paq.push(['enableLinkTracking']);
+        (function() {
+        var u="//piwik.documentfoundation.org/";
+        _paq.push(['setTrackerUrl', u+'piwik.php']);
+        _paq.push(['setSiteId', '68']);
+        var d=document, g=d.createElement('script'), 
s=d.getElementsByTagName('script')[0];
+        g.type='text/javascript'; g.async=true; g.defer=true; 
g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+        })();
+        ]]>
     </script>
+    <!-- End Piwik Code -->
 </body>
 </html>
 </xsl:template>
diff --git a/source/media/navigation/favicon.ico 
b/source/media/navigation/favicon.ico
new file mode 100644
index 000000000..b890a56a8
Binary files /dev/null and b/source/media/navigation/favicon.ico differ
diff --git a/source/media/navigation/libo-base.svg 
b/source/media/navigation/libo-base.svg
new file mode 100644
index 000000000..1a35912cd
--- /dev/null
+++ b/source/media/navigation/libo-base.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"; 
xmlns:xlink="http://www.w3.org/1999/xlink"; width="207.999" 
height="256"><defs><linearGradient id="g"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="H"><stop offset="0" 
stop-color="#FFF"/><stop offset="1" stop-color="#00A0FC" 
stop-opacity="0"/></linearGradient><linearGradient id="F"><stop offset="0" 
stop-color="#1C99E0"/><stop offset="1" 
stop-color="#035482"/></linearGradient><linearGradient id="I"><stop offset="0" 
stop-color="#AADCF7"/><stop offset="1" stop-color="#AADCF7" 
stop-opacity="0"/></linearGradient><linearGradient id="e"><stop 
offset="0"/><stop offset="1" 
stop-color="#4D4D4D"/></linearGradient><linearGradient id="k"><stop offset="0" 
stop-color="#DC85E9"/><stop offset="1" 
stop-color="#F8DCFB"/></linearGradient><linearGradient id="l"><stop offset="0" 
stop-color="#9200FF"/><stop offset="1" stop-color="#F0F" 
stop-opacity="0"/></linearGradient><linearGradient id="m"><stop 
 offset="0" stop-color="purple"/><stop offset=".727" stop-color="purple"/><stop 
offset="1" stop-color="#F0F" stop-opacity="0"/></linearGradient><linearGradient 
id="o"><stop offset="0" stop-color="#9207A7"/><stop offset=".273" 
stop-color="#C658BC"/><stop offset=".51" stop-color="#A42EB6"/><stop 
offset=".834" stop-color="#B415CD"/><stop offset="1" 
stop-color="#950BA8"/></linearGradient><linearGradient id="r"><stop offset="0" 
stop-color="#FFF"/><stop offset="1" stop-color="#FFF" 
stop-opacity="0"/></linearGradient><linearGradient id="q"><stop offset="0" 
stop-color="#FFF"/><stop offset="1" stop-color="#FFF" 
stop-opacity="0"/></linearGradient><linearGradient id="n"><stop offset="0" 
stop-color="#E196FB"/><stop offset=".13" stop-color="#F4C7FA"/><stop 
offset=".314" stop-color="#E091F3"/><stop offset=".441" 
stop-color="#D764E9"/><stop offset=".684" stop-color="#E7ADF0"/><stop 
offset=".756" stop-color="#E6A9F8"/><stop offset=".88" 
stop-color="#E595F2"/><stop offset="1" stop-color="#F2CBF8"/></
 linearGradient><linearGradient id="am"><stop offset="0" 
stop-color="#FFF"/><stop offset="1" stop-color="#A00" 
stop-opacity="0"/></linearGradient><linearGradient id="ak"><stop 
offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient><linearGradient 
id="aj"><stop offset="0" stop-opacity="0"/><stop offset=".493"/><stop 
offset="1" stop-opacity="0"/></linearGradient><linearGradient id="ag"><stop 
offset="0" stop-color="#FFF" stop-opacity=".85"/><stop offset="1" 
stop-color="#FFF" stop-opacity=".9"/></linearGradient><linearGradient 
id="ah"><stop offset="0" stop-color="#999"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="ai"><stop 
offset="0"/><stop offset=".455" stop-opacity=".361"/><stop offset="1" 
stop-opacity="0"/></linearGradient><linearGradient id="p"><stop offset="0" 
stop-color="#DC85E9"/><stop offset="1" 
stop-color="#F2CBF8"/></linearGradient><linearGradient id="a"><stop offset="0" 
stop-color="#18A303"/><stop offset="1" stop-color="#106802"/></line
 arGradient><linearGradient id="f"><stop offset="0" stop-color="#666"/><stop 
offset="1" stop-color="#333"/></linearGradient><linearGradient id="G"><stop 
offset="0" stop-color="#63BBEE"/><stop offset="1" 
stop-color="#AADCF7"/></linearGradient><linearGradient id="h"><stop offset="0" 
stop-color="gray"/><stop offset="1" 
stop-color="#4D4D4D"/></linearGradient><linearGradient id="al"><stop offset="0" 
stop-opacity="0"/><stop offset=".493"/><stop offset="1" 
stop-opacity="0"/></linearGradient><linearGradient id="b"><stop offset="0" 
stop-color="#A33E03"/><stop offset="1" 
stop-color="#622502"/></linearGradient><linearGradient id="c"><stop offset="0" 
stop-color="#C99C00"/><stop offset="1" 
stop-color="#876900"/></linearGradient><linearGradient id="d"><stop offset="0" 
stop-color="#8E03A3"/><stop offset="1" 
stop-color="#530260"/></linearGradient><linearGradient id="i"><stop offset="0" 
stop-color="#0369A3"/><stop offset="1" 
stop-color="#023F62"/></linearGradient><linearGradient id="j"><stop offset="
 0" stop-color="#0369A3"/><stop offset="1" 
stop-color="#023F62"/></linearGradient><linearGradient xlink:href="#d" id="aD" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(16 0 0 15.995 -279.247 
-17311.2)" x1="26.993" y1="992.622" x2="26.993" y2="1008.692"/><linearGradient 
xlink:href="#d" id="aE" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(16 0 0 15.995 -279.247 -17311.2)" x1="26.993" 
y1="992.622" x2="26.993" y2="1008.692"/><linearGradient xlink:href="#d" id="aC" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(16 0 0 15.995 -279.247 
-17311.2)" x1="26.993" y1="992.622" x2="26.993" y2="1008.692"/><linearGradient 
xlink:href="#k" id="aW" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(2 0 0 2 -1069 630.656)" x1="1278" y1="-1062.638" 
x2="1278" y2="-1118.638"/><linearGradient xlink:href="#l" id="aX" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(-1 0 0 1 2865 
-1753.64)" x1="1559.5" y1="184" x2="1542" y2="184"/><linearGradient 
xlink:href="#l" 
 id="aY" gradientUnits="userSpaceOnUse" gradientTransform="translate(-123 
-1753.64)" x1="1559.5" y1="184" x2="1542" y2="184"/><radialGradient 
xlink:href="#m" id="aZ" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(0 1.015 -4.277 0 -1857.01 -1670.52)" cx="152.333" 
cy="-754.638" fx="152.333" fy="-754.638" r="15"/><linearGradient 
xlink:href="#n" id="ba" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(2 0 0 2 513 -3495.64)" x1="453.5" y1="970.5" 
x2="404.5" y2="970.5"/><linearGradient xlink:href="#o" id="bb" 
gradientUnits="userSpaceOnUse" gradientTransform="translate(.023)" x1="1322" 
y1="-1568.511" x2="1419" y2="-1568.511"/><radialGradient xlink:href="#p" 
id="bc" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.96 0 0 .268 
21.68 534.374)" cx="518.854" cy="730.484" fx="518.854" fy="730.484" 
r="22.89"/><linearGradient xlink:href="#q" id="be" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(.984 0 0 .973 -100.35 
-1748.97)" x1="1510.477" y1="169" x2="1485.87
 7" y2="194"/><linearGradient xlink:href="#r" id="bh" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(.976 .126 -.367 .977 
-556.18 -210.596)" x1="1354.568" y1="-1522.359" x2="1383.38" 
y2="-1543.981"/><linearGradient id="v"><stop offset="0" 
stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="s"><stop offset="0" 
stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="t"><stop offset="0" 
stop-color="#0369A3"/><stop offset="1" 
stop-color="#023F62"/></linearGradient><linearGradient id="u"><stop offset="0" 
stop-color="#0369A3"/><stop offset="1" 
stop-color="#023F62"/></linearGradient><linearGradient id="w"><stop offset="0" 
stop-color="#18A303"/><stop offset="1" 
stop-color="#106802"/></linearGradient><linearGradient id="x"><stop offset="0" 
stop-color="#A33E03"/><stop offset="1" 
stop-color="#622502"/></linearGradient><linearGradient id="B"><stop offset="0" 
stop-color="#0369A3"/><stop offset="1" stop-color="#0
 23F62"/></linearGradient><linearGradient id="z"><stop offset="0" 
stop-color="#0369A3"/><stop offset="1" 
stop-color="#023F62"/></linearGradient><linearGradient id="A"><stop offset="0" 
stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="y"><stop offset="0" 
stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="C"><stop offset="0" 
stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="E"><stop offset="0" 
stop-color="#323232"/><stop offset="1" 
stop-color="#535353"/></linearGradient><linearGradient id="D"><stop offset="0" 
stop-color="#323232"/><stop offset="1" 
stop-color="#535353"/></linearGradient><linearGradient id="J"><stop offset="0" 
stop-color="#FFF" stop-opacity=".588"/><stop offset="1" stop-color="#FFF" 
stop-opacity=".863"/></linearGradient><linearGradient id="K"><stop offset="0" 
stop-color="gray"/><stop offset="1" 
stop-color="#4D4D4D"/></linearGradient><linearGradient
  id="L"><stop offset="0" stop-color="gray"/><stop offset="1" 
stop-color="#4D4D4D"/></linearGradient><linearGradient id="M"><stop offset="0" 
stop-color="#FFF" stop-opacity=".588"/><stop offset="1" stop-color="#FFF" 
stop-opacity=".863"/></linearGradient><linearGradient id="N"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="O"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="P"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="Q"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="R"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="S"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="T"><stop offset="
 0" stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="U"><stop offset="0" 
stop-color="gray"/><stop offset="1" 
stop-color="#4D4D4D"/></linearGradient><linearGradient id="V"><stop offset="0" 
stop-color="gray"/><stop offset="1" 
stop-color="#4D4D4D"/></linearGradient><linearGradient id="W"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="X"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="Y"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="Z"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="aa"><stop offset="0" 
stop-color="#FFF" stop-opacity=".588"/><stop offset="1" stop-color="#FFF" 
stop-opacity=".863"/></linearGradient><linearGradient id="ab"><stop offset="0" 
stop-color="#666"/><
 stop offset="1" stop-color="#333"/></linearGradient><linearGradient 
id="ac"><stop offset="0" stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="ad"><stop offset="0" 
stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="ae"><stop offset="0" 
stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="af"><stop offset="0" 
stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient xlink:href="#ag" id="aF" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(8 0 0 8 -379 4583.47)" 
x1="209.063" y1="-754.085" x2="209.063" y2="-782.638"/><linearGradient 
xlink:href="#ah" id="aG" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(15.958 0 0 16.025 -3396.13 -5573.42)" x1="294.343" 
y1="256.581" x2="294.418" y2="243.139"/><linearGradient xlink:href="#ag" 
id="aH" gradientUnits="userSpaceOnUse" gradientTransform="matrix(8 0 0 8 -379 
4583.47)" x1="209
 .063" y1="-754.085" x2="209.063" y2="-782.638"/><linearGradient 
xlink:href="#ai" id="aI" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(.78 0 0 .78 -1401.634 -520.8)" x1="152" 
y1="-1192.638" x2="113.882" y2="-1230.756"/><linearGradient xlink:href="#aj" 
id="aJ" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.62 0 0 1 
1332.56 -257)" x1="-17" y1="-1194.638" x2="144" y2="-1194.638"/><linearGradient 
xlink:href="#aj" id="aK" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(1.416 0 0 1 -1655.56 -88.36)" x1="-17" y1="-1194.638" 
x2="144" y2="-1194.638"/><linearGradient xlink:href="#aj" id="aL" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(.867 0 0 1 -1578 
-275.36)" x1="-17" y1="-1194.638" x2="144" y2="-1194.638"/><linearGradient 
xlink:href="#aj" id="aM" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(.62 0 0 1 1332.56 -251)" x1="-17" y1="-1194.638" 
x2="144" y2="-1194.638"/><linearGradient xlink:href="#ak" id="aN" 
gradientUnits="userSpaceOnUse" 
 gradientTransform="translate(919 -1753.64)" x1="364.867" y1="300.819" 
x2="389.102" y2="276.584"/><linearGradient xlink:href="#ak" id="aO" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(1 0 0 -1 917 
-1379.64)" x1="364.867" y1="300.819" x2="389.102" y2="276.584"/><linearGradient 
xlink:href="#al" id="aP" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(.524 0 0 1 -185.048 -974.564)" x1="-17" 
y1="-1194.638" x2="144" y2="-1194.638"/><linearGradient xlink:href="#al" 
id="aQ" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.524 0 0 1 
-185.758 -966.785)" x1="-17" y1="-1194.638" x2="144" 
y2="-1194.638"/><linearGradient xlink:href="#al" id="aR" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(.524 0 0 1 -185.758 
-995.07)" x1="-17" y1="-1194.638" x2="144" y2="-1194.638"/><linearGradient 
xlink:href="#aj" id="aS" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(1.416 0 0 1 -1655.56 -82.36)" x1="-17" y1="-1194.638" 
x2="144" y2="-1194.638"/><linearGradient
  xlink:href="#aj" id="aT" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(.9 0 0 1 -1580.99 2657.64)" x1="-17" y1="-1194.638" 
x2="144" y2="-1194.638"/><linearGradient xlink:href="#ai" id="aU" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(.78 0 0 .78 1344.366 
-520.8)" x1="152" y1="-1192.638" x2="113.882" y2="-1230.756"/><linearGradient 
xlink:href="#ak" id="aV" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(-1 0 0 1 1827 -1753.64)" x1="364.867" y1="300.819" 
x2="389.102" y2="276.584"/><linearGradient xlink:href="#a" id="aA" 
gradientUnits="userSpaceOnUse" x1="475" y1="-895.638" x2="475" 
y2="-848.638"/><linearGradient xlink:href="#am" id="bd" 
gradientUnits="userSpaceOnUse" gradientTransform="translate(0 -.5)" 
x1="1372.884" y1="-1544.389" x2="1372.884" y2="-1558.638"/></defs><g 
transform="translate(-1270.996 1693.638)"><use xlink:href="#aB" 
transform="translate(1571)" width="5033" height="1085" opacity=".75"/><text 
y="-1109.14" x="382.125" font-size="8" font-
 family="Sans"/><g transform="translate(1310.99 -261.184)" overflow="visible" 
fill="url(#aC)" stroke-width="2" font-family="Andale Mono"><path 
d="M-39.993-1184.568c0 3.868 3.622 7.93 7.757 7.93H159.75c4.627 0 8.25-3.87 
8.25-7.745v-149.215c0-4.225-.512-6.183-3.5-9.17l-85.324-85.3c-2.988-2.986-5.274-4.526-9.5-4.53l-101.736-.08c-4.133
 0-7.933 3.683-7.933 8.122v239.988z" 
style="line-height:normal;text-indent:0pt;text-align:start;text-decoration-line:none;text-transform:none"
 overflow="visible" fill="url(#aD)"/><path d="M103.26-1421.89l53.19 53.442c4.34 
4.358 11.554 3.324 
11.554-3.55v-52.443c0-4.228-3.827-8.198-8.032-8.198h-53.19c-6.838 0-7.138 
7.115-3.522 10.748z" 
style="line-height:normal;text-indent:0pt;text-align:start;text-decoration-line:none;text-transform:none"
 overflow="visible" fill="url(#aE)"/></g><path 
d="M1283-1677.53v226h180v-140.44c-28.986-29.2-58.078-58.297-87-87.56h-93v2z" 
fill="url(#aF)" transform="translate(2)"/><path 
d="M1277-1683.638v238h192v-151.406c-29.383-29.502-58
 .745-59.027-88.063-88.594H1277v2z" 
style="line-height:normal;text-indent:0pt;text-align:start;text-decoration-line:none;text-transform:none"
 font-family="Andale Mono" overflow="visible" fill="url(#aG)" 
transform="translate(2)"/><path 
d="M1283-1677.53v226h180v-140.44c-28.986-29.2-58.078-58.297-87-87.56h-93v2z" 
fill="url(#aH)" transform="translate(2)"/><path 
d="M1279-1685.638v240h192v-151.406c-29.383-29.502-58.745-59.027-88.063-88.594H1279zm1
 1h102.5c29.148 29.362 58.296 58.725 87.5 88.03v149.97h-190v-238z" 
style="line-height:normal;text-indent:0pt;text-align:start;text-decoration-line:none;text-transform:none"
 font-family="Andale Mono" overflow="visible" opacity=".15" fill="#fff"/><path 
transform="matrix(-1 0 0 1 2 0)" overflow="visible" opacity=".15" 
fill="url(#aI)" d="M-1347-1515.638h64v64h-64z"/><path overflow="visible" 
opacity=".2" fill="url(#aJ)" d="M1322-1451.638h100v1h-100z" 
transform="translate(2)"/><path transform="rotate(90 1 1)" overflow="visible" 
opacity=".2" fill="url(#a
 K)" d="M-1679.638-1283h228v1h-228z"/><path transform="rotate(90 1 1)" 
overflow="visible" opacity=".5" fill="url(#aL)" 
d="M-1592.742-1470h139.604v1h-139.604z"/><path overflow="visible" opacity=".5" 
fill="url(#aM)" d="M1322-1445.638h100v1h-100z" transform="translate(2)"/><path 
d="M1284-1502.638v50h50v-1h-49v-49h-1z" overflow="visible" opacity=".15" 
fill="url(#aN)" transform="translate(2)"/><path 
d="M1282-1630.638v-50h50v1h-49v49h-1z" overflow="visible" opacity=".1" 
fill="url(#aO)" transform="translate(2)"/><path transform="rotate(45 1 2.414)" 
overflow="visible" opacity=".4" fill="url(#aP)" 
d="M-193.96-2169.202h84.376v1h-84.375z"/><path transform="rotate(45 1 2.414)" 
overflow="visible" opacity=".1" fill="url(#aQ)" 
d="M-194.666-2161.424h84.375v1h-84.376z"/><path transform="rotate(45 1 2.414)" 
overflow="visible" opacity=".4" fill="url(#aR)" 
d="M-194.666-2189.71h84.375v1h-84.376z"/><path transform="rotate(90 1 1)" 
overflow="visible" opacity=".5" fill="url(#aS)" d="M-1679.638-1277h228v1h-2
 28z"/><path transform="matrix(0 1 1 0 2 0)" overflow="visible" opacity=".2" 
fill="url(#aT)" d="M-1596.276 1463h144.745v1h-144.746z"/><path 
overflow="visible" opacity=".15" fill="url(#aU)" d="M1399-1515.638h64v64h-64z" 
transform="translate(2)"/><path d="M1462-1502.638v50h-50v-1h49v-49h1z" 
overflow="visible" opacity=".15" fill="url(#aV)" transform="translate(2)"/><g 
transform="translate(2)"><path d="M1307-1602.638v6h28v-6h-28zm32 
0v6h30v-6h-30zm34 0v6h30v-6h-30zm34 0v6h28v-6h-28zm-100 10v8h28v-8h-28zm32 
0v8h30v-8h-30zm34 0v8h30v-8h-30zm34 0v8h28v-8h-28zm-100 12v8h28v-8h-28zm32 
0v8h30v-8h-30zm34 0v8h30v-8h-30zm34 0v8h28v-8h-28zm-100 12v8h28v-8h-28zm32 
0v8h30v-8h-30zm34 0v8h30v-8h-30zm34 0v8h28v-8h-28zm-100 12v8h28v-8h-28zm32 
0v8h30v-8h-30zm34 0v8h30v-8h-30zm34 0v8h28v-8h-28zm-100 12v8h28v-8h-28zm32 
0v8h30v-8h-30zm34 0v8h30v-8h-30zm34 0v8h28v-8h-28zm-100 12v8h28v-8h-28zm32 
0v8h30v-8h-30zm34 0v8h30v-8h-30zm34 0v8h28v-8h-28zm-100 12v8h28v-8h-28zm32 
0v8h30v-8h-30zm34 0v8h30v-8h-30zm34 0v8h
 28v-8h-28zm-100 12v8h28v-8h-28zm32 0v8h30v-8h-30zm34 0v8h30v-8h-30zm34 
0v8h28v-8h-28zm-100 12v6h28v-6h-28zm32 0v6h30v-6h-30zm34 0v6h30v-6h-30zm34 
0v6h28v-6h-28z" overflow="visible" fill="url(#aW)"/><path 
d="M1307-1602.638v1h28v-1h-28zm32 0v1h30v-1h-30zm34 0v1h30v-1h-30zm34 
0v1h28v-1h-28zm-100 10v1h28v-1h-28zm32 0v1h30v-1h-30zm34 0v1h30v-1h-30zm34 
0v1h28v-1h-28zm-100 12v1h28v-1h-28zm32 0v1h30v-1h-30zm34 0v1h30v-1h-30zm34 
0v1h28v-1h-28zm-100 12v1h28v-1h-28zm32 0v1h30v-1h-30zm34 0v1h30v-1h-30zm34 
0v1h28v-1h-28zm-100 12v1h28v-1h-28zm32 0v1h30v-1h-30zm34 0v1h30v-1h-30zm34 
0v1h28v-1h-28zm-100 12v1h28v-1h-28zm32 0v1h30v-1h-30zm34 0v1h30v-1h-30zm34 
0v1h28v-1h-28zm-100 12v1h28v-1h-28zm32 0v1h30v-1h-30zm34 0v1h30v-1h-30zm34 
0v1h28v-1h-28zm-100 12v1h28v-1h-28zm32 0v1h30v-1h-30zm34 0v1h30v-1h-30zm34 
0v1h28v-1h-28zm-100 12v1h28v-1h-28zm32 0v1h30v-1h-30zm34 0v1h30v-1h-30zm34 
0v1h28v-1h-28zm-100 12v1h28v-1h-28zm32 0v1h30v-1h-30zm34 0v1h30v-1h-30zm34 
0v1h28v-1h-28z" overflow="visible" opacity=".25"
  fill="purple"/><path d="M1336.867-1582.857c-4.423 1.106-8 2.64-10.563 
4.282-2.562 1.64-4.21 3.59-4.22 5.937-.077 19.65-.06 38.386-.06 54 0 2.294 1.65 
4.262 4.218 5.906 2.568 1.645 6.19 3.057 10.594 4.25 8.81 2.386 20.86 3.844 
34.187 3.844 13.328 0 25.378-1.458 34.188-3.844 4.406-1.193 8.026-2.605 
10.595-4.25 2.568-1.644 4.196-3.623 
4.196-5.917v-54c0-2.345-1.695-4.285-4.257-5.925-2.563-1.64-6.163-3.09-10.563-4.282-8.8-2.383-20.826-3.78-34.156-3.78-13.42
 0-24.7 1.417-34.157 3.78zm34.156-1.78c13.188-.025 25.115 1.46 33.687 3.78 
4.287 1.16 7.736 2.593 10.032 4.063 2.295 1.47 3.46 2.918 3.343 4.156-.21 
2.205-2.578 3.735-4.25 4.688-2.71 1.545-5.95 2.71-8.874 3.468-9.98 2.59-19.947 
3.535-29.53 
3.78-13.262.214-26.41-.73-38.532-3.84-2.813-.735-5.25-1.64-7.656-2.845-2.16-1.083-5.063-2.882-5.28-5.25-.118-1.273
 1.047-2.686 3.343-4.156 2.296-1.47 5.697-3.094 10.03-4.062 11.927-2.665 
23.656-3.764 33.688-3.783zm-47 16.124c.633.635 1.392 1.273 2.28 1.813 3.29 
1.996 7.31 3.487 10.564 4.28 13.105 3.
 04 26.117 4.087 38.625 3.72 10.112-.32 20.32-1.07 29.687-3.72 4.634-1.31 
9.564-2.895 12.843-6.093v12.875c0 .582 0 1.22-.125 1.72-.273 1.104-1.37 
2.436-3.344 3.593-3.264 1.91-6.84 3.083-10 3.937-11.23 2.74-22.915 3.735-33.53 
3.75-11.457-.088-23.537-1.125-33.688-3.78-4.357-1.376-8.725-2.563-11.875-5.47-.724-.677-1.133-1.406-1.31-2.03-.163-.567-.125-1.123-.125-1.72v-12.875zm0
 18.03c.388.385.835.766 1.312 1.126 3.833 2.65 8.6 4.188 12.75 5.22 11.482 
2.606 21.65 3.477 32.938 3.5 11.353-.234 22.474-.815 32.937-3.5 3.705-.967 
7.68-2.386 10.688-3.907 1.144-.58 2.937-2.034 3.375-2.438v12.844c0 .582 0 
1.22-.125 1.72-.273 1.104-1.402 2.38-3.344 3.592-4.288 2.516-9.373 3.904-13.843 
4.875-10.388 2.016-19.908 2.798-29.687 2.812-4.946 
0-9.71-.172-14.187-.594-10.05-1.23-18.982-2.152-27.5-6.063-1.452-.672-2.796-1.603-3.875-2.593-.73-.67-1.116-1.41-1.31-2.03-.076-.24-.124-.504-.125-.72-.035-4.614
 0-9.23 0-13.844zm0 18c1.566 1.542 3.638 2.706 5.53 3.502 8.676 3.596 18.944 
5.06 27.126 5.748 4.934.406 9
 .77.595 14.343.594 11.368-.184 22.45-.886 32.937-3.5 4.22-1.145 8.17-2.41 
11.657-4.47.934-.554 1.67-1.192 2.406-1.874v13.844c0 1.296-1.023 2.753-3.312 
4.22-2.29 1.465-5.718 2.84-10 4-8.562 2.317-20.505 3.78-33.687 3.78-13.182 
0-25.125-1.462-33.687-3.78-4.282-1.16-7.71-2.535-10-4-2.29-1.467-3.313-2.924-3.313-4.22v-13.844z"
 
style="line-height:normal;text-indent:0pt;text-align:start;text-decoration-line:none;text-transform:none"
 font-family="Sans" overflow="visible" opacity=".5" fill="none" stroke="#fff" 
stroke-width="2"/><path d="M1322-1602.638v6h-15v-6h15zm0 10v8h-15v-8h15zm0 
12v8h-15v-8h15zm0 12v8h-15v-8h15zm0 12v8h-15v-8h15zm0 12v8h-15v-8h15zm0 
12v8h-15v-8h15zm0 12v8h-15v-8h15zm0 12v8h-15v-8h15zm0 12v6h-15v-6h15z" 
overflow="visible" opacity=".35" fill="url(#aX)"/><path 
d="M1420-1602.638v6h15v-6h-15zm0 10v8h15v-8h-15zm0 12v8h15v-8h-15zm0 
12v8h15v-8h-15zm0 12v8h15v-8h-15zm0 12v8h15v-8h-15zm0 12v8h15v-8h-15zm0 
12v8h15v-8h-15zm0 12v8h15v-8h-15zm0 12v6h15v-6h-15z" overflow="visible" opa
 city=".35" fill="url(#aY)"/><path overflow="visible" opacity=".5" 
fill="url(#aZ)" d="M1307-1530.638h128v30h-128z"/><path d="M1323-1570.638v52c0 
7.18 21.49 13 48 13s48-5.82 48-13v-52h-96z" overflow="visible" 
fill="url(#ba)"/><path 
style="line-height:normal;text-indent:0pt;text-align:start;text-decoration-line:none;text-transform:none"
 d="M1336.867-1582.857c-4.423 1.106-8 2.64-10.563 4.282-2.562 1.64-4.21 
3.59-4.22 5.937-.077 19.65-.06 38.386-.06 54 0 2.294 1.65 4.262 4.218 5.906 
2.568 1.645 6.19 3.057 10.594 4.25 8.81 2.386 20.86 3.844 34.187 3.844 13.328 0 
25.378-1.458 34.188-3.844 4.406-1.193 8.026-2.605 10.595-4.25 2.568-1.644 
4.196-3.623 
4.196-5.917v-54c0-2.345-1.695-4.285-4.257-5.925-2.563-1.64-6.163-3.09-10.563-4.282-8.8-2.383-20.826-3.78-34.156-3.78-13.42
 0-24.7 1.417-34.157 3.78zm34.156-1.78c13.188-.025 25.115 1.46 33.687 3.78 
4.287 1.16 7.736 2.593 10.032 4.063 2.295 1.47 3.46 2.918 3.343 4.156-.21 
2.205-2.578 3.735-4.25 4.688-2.71 1.545-5.95 2.71-8.874 3.468-9.98 2.59-19.94
 7 3.535-29.53 
3.78-13.262.214-26.41-.73-38.532-3.84-2.813-.735-5.25-1.64-7.656-2.845-2.16-1.083-5.063-2.882-5.28-5.25-.118-1.273
 1.047-2.686 3.343-4.156 2.296-1.47 5.697-3.094 10.03-4.062 11.927-2.665 
23.656-3.764 33.688-3.783zm-47 16.124c.633.635 1.392 1.273 2.28 1.813 3.29 
1.996 7.31 3.487 10.564 4.28 13.105 3.04 26.117 4.087 38.625 3.72 10.112-.32 
20.32-1.07 29.687-3.72 4.634-1.31 9.564-2.895 12.843-6.093v12.875c0 .582 0 
1.22-.125 1.72-.273 1.104-1.37 2.436-3.344 3.593-3.264 1.91-6.84 3.083-10 
3.937-11.23 2.74-22.915 3.735-33.53 
3.75-11.457-.088-23.537-1.125-33.688-3.78-4.357-1.376-8.725-2.563-11.875-5.47-.724-.677-1.133-1.406-1.31-2.03-.163-.567-.125-1.123-.125-1.72v-12.875zm0
 18.03c.388.385.835.766 1.312 1.126 3.833 2.65 8.6 4.188 12.75 5.22 11.482 
2.606 21.65 3.477 32.938 3.5 11.353-.234 22.474-.815 32.937-3.5 3.705-.967 
7.68-2.386 10.688-3.907 1.144-.58 2.937-2.034 3.375-2.438v12.844c0 .582 0 
1.22-.125 1.72-.273 1.104-1.402 2.38-3.344 3.592-4.288 2.516-9.373 3.904-13.843 
4.87
 5-10.388 2.016-19.908 2.798-29.687 2.812-4.946 
0-9.71-.172-14.187-.594-10.05-1.23-18.982-2.152-27.5-6.063-1.452-.672-2.796-1.603-3.875-2.593-.73-.67-1.116-1.41-1.31-2.03-.076-.24-.124-.504-.125-.72-.035-4.614
 0-9.23 0-13.844zm0 18c1.566 1.542 3.638 2.706 5.53 3.502 8.676 3.596 18.944 
5.06 27.126 5.748 4.934.406 9.77.595 14.343.594 11.368-.184 22.45-.886 
32.937-3.5 4.22-1.145 8.17-2.41 11.657-4.47.934-.554 1.67-1.192 
2.406-1.874v13.844c0 1.296-1.023 2.753-3.312 4.22-2.29 1.465-5.718 2.84-10 
4-8.562 2.317-20.505 3.78-33.687 3.78-13.182 
0-25.125-1.462-33.687-3.78-4.282-1.16-7.71-2.535-10-4-2.29-1.467-3.313-2.924-3.313-4.22v-13.844z"
 font-family="Sans" overflow="visible" fill="url(#bb)"/><ellipse 
transform="matrix(2.095 0 0 2.11 282.407 -3113.52)" cx="519.688" cy="730.313" 
rx="22.438" ry="5.688" overflow="visible" fill="url(#bc)"/><path id="bf" 
d="M1324.484-1567.358v12.087c0 6.7 20.817 12.132 46.495 12.132 25.677 0 
46.494-5.432 46.494-12.133v-12.027c-4.157 3.715-19.627 9.195-46.35 9.195
 -26.72 0-42.75-5.54-46.64-9.256z" overflow="visible" opacity=".5" fill="none" 
stroke="#fff"/><ellipse transform="matrix(2.072 0 0 2.022 293.987 -3049.31)" 
cx="519.688" cy="730.313" rx="22.438" ry="5.688" overflow="visible" 
opacity=".5" fill="none" stroke="#fff" stroke-width=".489"/><path 
d="M1324.484-1566.858v10.087c0 6.7 20.817 12.132 46.495 12.132 25.677 0 
46.494-5.432 46.494-12.133v-10.027c-4.157 3.715-19.627 9.196-46.35 9.196-26.72 
0-42.75-5.542-46.64-9.258z" id="bg" overflow="visible" opacity=".25" 
fill="url(#bd)"/><path d="M1336.75-1580.477l71.375 15.074-19.444 
3.89-31.502-22.125-20.428 3.16z" opacity=".25" fill="url(#be)"/><use 
xlink:href="#bf" transform="translate(0 18)" width="5033" height="1085"/><use 
xlink:href="#bg" transform="translate(0 18)" width="5033" height="1085"/><use 
height="1085" width="5033" transform="translate(0 36)" xlink:href="#bf"/><use 
height="1085" width="5033" transform="translate(0 36)" xlink:href="#bg"/><path 
d="M1331.727-1563.88s1.28 21.614 9.426 36
 .528c8.145 14.914 15.245 19.133 15.245 19.133l16.834-1.45c0 
.002-17.05-11.446-25.067-27.663-8.016-16.217-10.008-24.395-10.008-24.395l-6.43-2.153z"
 opacity=".25" fill="url(#bh)"/></g></g></svg>
\ No newline at end of file
diff --git a/source/media/navigation/libo-basic.svg 
b/source/media/navigation/libo-basic.svg
new file mode 100644
index 000000000..d47c9681d
--- /dev/null
+++ b/source/media/navigation/libo-basic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"; 
xmlns:xlink="http://www.w3.org/1999/xlink"; width="208" 
height="256"><defs><linearGradient id="aa"><stop offset="0" 
stop-color="#43C330"/><stop offset="1" 
stop-color="#18A303"/></linearGradient><linearGradient id="g"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="z"><stop offset="0" 
stop-color="#FFF"/><stop offset="1" stop-color="#00A0FC" 
stop-opacity="0"/></linearGradient><linearGradient id="x"><stop offset="0" 
stop-color="#1C99E0"/><stop offset="1" 
stop-color="#035482"/></linearGradient><linearGradient id="A"><stop offset="0" 
stop-color="#AADCF7"/><stop offset="1" stop-color="#AADCF7" 
stop-opacity="0"/></linearGradient><linearGradient id="ae"><stop offset="0" 
stop-color="#FFF" stop-opacity=".65"/><stop offset="1" stop-color="#FFF" 
stop-opacity=".949"/></linearGradient><linearGradient id="e"><stop 
offset="0"/><stop offset="1" stop-color="#4D4D4D"/></linearGradient><linearGradi
 ent id="ac"><stop offset="0" stop-opacity="0"/><stop offset=".493"/><stop 
offset="1" stop-opacity="0"/></linearGradient><linearGradient id="ab"><stop 
offset="0"/><stop offset=".455" stop-opacity=".361"/><stop offset="1" 
stop-opacity="0"/></linearGradient><linearGradient id="a"><stop offset="0" 
stop-color="#18A303"/><stop offset="1" 
stop-color="#106802"/></linearGradient><linearGradient id="f"><stop offset="0" 
stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="af"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="y"><stop offset="0" 
stop-color="#63BBEE"/><stop offset="1" 
stop-color="#AADCF7"/></linearGradient><linearGradient id="h"><stop offset="0" 
stop-color="gray"/><stop offset="1" 
stop-color="#4D4D4D"/></linearGradient><linearGradient id="Y"><stop offset="0" 
stop-color="#1C99E0"/><stop offset="1" 
stop-color="#0369A3"/></linearGradient><linearGradient id="Z"><stop offset="0" 
st
 op-color="#0369A3"/><stop offset="1" 
stop-color="#023F62"/></linearGradient><linearGradient id="ad"><stop offset="0" 
stop-opacity="0"/><stop offset=".493"/><stop offset="1" 
stop-opacity="0"/></linearGradient><linearGradient id="b"><stop offset="0" 
stop-color="#A33E03"/><stop offset="1" 
stop-color="#622502"/></linearGradient><linearGradient id="c"><stop offset="0" 
stop-color="#C99C00"/><stop offset="1" 
stop-color="#876900"/></linearGradient><linearGradient id="d"><stop offset="0" 
stop-color="#8E03A3"/><stop offset="1" 
stop-color="#530260"/></linearGradient><linearGradient id="i"><stop offset="0" 
stop-color="#0369A3"/><stop offset="1" 
stop-color="#023F62"/></linearGradient><linearGradient id="j"><stop offset="0" 
stop-color="#0369A3"/><stop offset="1" 
stop-color="#023F62"/></linearGradient><linearGradient id="n"><stop offset="0" 
stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="k"><stop offset="0" 
stop-color="#666"/><stop offset="1" stop-color=
 "#333"/></linearGradient><linearGradient id="l"><stop offset="0" 
stop-color="#0369A3"/><stop offset="1" 
stop-color="#023F62"/></linearGradient><linearGradient id="m"><stop offset="0" 
stop-color="#0369A3"/><stop offset="1" 
stop-color="#023F62"/></linearGradient><linearGradient id="o"><stop offset="0" 
stop-color="#18A303"/><stop offset="1" 
stop-color="#106802"/></linearGradient><linearGradient id="p"><stop offset="0" 
stop-color="#A33E03"/><stop offset="1" 
stop-color="#622502"/></linearGradient><linearGradient id="t"><stop offset="0" 
stop-color="#0369A3"/><stop offset="1" 
stop-color="#023F62"/></linearGradient><linearGradient id="r"><stop offset="0" 
stop-color="#0369A3"/><stop offset="1" 
stop-color="#023F62"/></linearGradient><linearGradient id="s"><stop offset="0" 
stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="q"><stop offset="0" 
stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="u"><stop offset="0" 
 stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="w"><stop offset="0" 
stop-color="#323232"/><stop offset="1" 
stop-color="#535353"/></linearGradient><linearGradient id="v"><stop offset="0" 
stop-color="#323232"/><stop offset="1" 
stop-color="#535353"/></linearGradient><linearGradient id="B"><stop offset="0" 
stop-color="#FFF" stop-opacity=".588"/><stop offset="1" stop-color="#FFF" 
stop-opacity=".863"/></linearGradient><linearGradient id="C"><stop offset="0" 
stop-color="gray"/><stop offset="1" 
stop-color="#4D4D4D"/></linearGradient><linearGradient id="D"><stop offset="0" 
stop-color="gray"/><stop offset="1" 
stop-color="#4D4D4D"/></linearGradient><linearGradient id="E"><stop offset="0" 
stop-color="#FFF" stop-opacity=".588"/><stop offset="1" stop-color="#FFF" 
stop-opacity=".863"/></linearGradient><linearGradient id="F"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="G"><stop offset="
 0" stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="H"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="I"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="J"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="K"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="L"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="M"><stop offset="0" 
stop-color="gray"/><stop offset="1" 
stop-color="#4D4D4D"/></linearGradient><linearGradient id="N"><stop offset="0" 
stop-color="gray"/><stop offset="1" 
stop-color="#4D4D4D"/></linearGradient><linearGradient id="O"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" stop-color="#E6E6
 E6"/></linearGradient><linearGradient id="P"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="Q"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="R"><stop offset="0" 
stop-color="#B3B3B3"/><stop offset="1" 
stop-color="#E6E6E6"/></linearGradient><linearGradient id="S"><stop offset="0" 
stop-color="#FFF" stop-opacity=".588"/><stop offset="1" stop-color="#FFF" 
stop-opacity=".863"/></linearGradient><linearGradient id="T"><stop offset="0" 
stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="U"><stop offset="0" 
stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="V"><stop offset="0" 
stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="W"><stop offset="0" 
stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient id="X
 "><stop offset="0" stop-color="#666"/><stop offset="1" 
stop-color="#333"/></linearGradient><linearGradient xlink:href="#Y" id="aY" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="aZ" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="ba" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bb" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bc" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bd" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="be" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGra
 dient xlink:href="#Y" id="bf" gradientUnits="userSpaceOnUse" x1="4193.18" 
y1="-1118.004" x2="4193.18" y2="-1090.056"/><linearGradient xlink:href="#Y" 
id="bg" gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bh" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bi" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bj" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bk" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bl" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bm" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18"
  y2="-1090.056"/><linearGradient xlink:href="#Y" id="bn" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bo" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bp" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bq" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="br" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bs" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bt" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bu" 
gradientUnits="userSpaceOnUse" x1="4193.18" 
 y1="-1118.004" x2="4193.18" y2="-1090.056"/><linearGradient xlink:href="#Y" 
id="bv" gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bw" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bx" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="by" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="bz" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Y" id="aX" 
gradientUnits="userSpaceOnUse" x1="4193.18" y1="-1118.004" x2="4193.18" 
y2="-1090.056"/><linearGradient xlink:href="#Z" id="aW" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(.2 0 0 1 4159.4 
-524.2)" x1="370" y1="-985.763" x2="370" y2="-933.638"/><linearGradient 
 xlink:href="#aa" id="aL" gradientUnits="userSpaceOnUse" x1="4179.038" 
y1="-1118.358" x2="4179.038" y2="-1094.717"/><linearGradient xlink:href="#aa" 
id="aM" gradientUnits="userSpaceOnUse" x1="4179.038" y1="-1118.358" 
x2="4179.038" y2="-1094.717"/><linearGradient xlink:href="#aa" id="aN" 
gradientUnits="userSpaceOnUse" x1="4179.038" y1="-1118.358" x2="4179.038" 
y2="-1094.717"/><linearGradient xlink:href="#aa" id="aO" 
gradientUnits="userSpaceOnUse" x1="4179.038" y1="-1118.358" x2="4179.038" 
y2="-1094.717"/><linearGradient xlink:href="#aa" id="aP" 
gradientUnits="userSpaceOnUse" x1="4179.038" y1="-1118.358" x2="4179.038" 
y2="-1094.717"/><linearGradient xlink:href="#aa" id="aQ" 
gradientUnits="userSpaceOnUse" x1="4179.038" y1="-1118.358" x2="4179.038" 
y2="-1094.717"/><linearGradient xlink:href="#aa" id="aR" 
gradientUnits="userSpaceOnUse" x1="4179.038" y1="-1118.358" x2="4179.038" 
y2="-1094.717"/><linearGradient xlink:href="#aa" id="aS" 
gradientUnits="userSpaceOnUse" x1="4179.038" y1="-1118.
 358" x2="4179.038" y2="-1094.717"/><linearGradient xlink:href="#aa" id="aT" 
gradientUnits="userSpaceOnUse" x1="4179.038" y1="-1118.358" x2="4179.038" 
y2="-1094.717"/><linearGradient xlink:href="#aa" id="aU" 
gradientUnits="userSpaceOnUse" x1="4179.038" y1="-1118.358" x2="4179.038" 
y2="-1094.717"/><linearGradient xlink:href="#aa" id="aV" 
gradientUnits="userSpaceOnUse" x1="4179.038" y1="-1118.358" x2="4179.038" 
y2="-1094.717"/><linearGradient xlink:href="#aa" id="aK" 
gradientUnits="userSpaceOnUse" x1="4179.038" y1="-1118.358" x2="4179.038" 
y2="-1094.717"/><linearGradient xlink:href="#ab" id="aJ" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(.8 0 0 .8 4219 -529)" 
x1="152" y1="-1192.638" x2="113.882" y2="-1230.756"/><linearGradient 
xlink:href="#ac" id="aI" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(.8 0 0 2 -1573.2 -1960.4)" x1="-17" y1="-1194.638" 
x2="144" y2="-1194.638"/><linearGradient xlink:href="#ac" id="aH" 
gradientUnits="userSpaceOnUse" gradientTransform="
 matrix(.8 0 0 2 -1573.2 -1952.4)" x1="-17" y1="-1194.638" x2="144" 
y2="-1194.638"/><linearGradient xlink:href="#ac" id="aG" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.4 0 0 2 -1652.8 
-1782.4)" x1="-17" y1="-1194.638" x2="144" y2="-1194.638"/><linearGradient 
xlink:href="#ac" id="aF" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(1 0 0 2 4189.4 931.5)" x1="-17" y1="-1194.638" 
x2="144" y2="-1194.638"/><linearGradient xlink:href="#ad" id="aE" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(.7 .7 -1.4 1.4 2548.2 
-5.5)" x1="30.744" y1="-1194.638" x2="144" y2="-1194.638"/><linearGradient 
xlink:href="#ab" id="aD" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(.8 0 0 .8 -4292.3 -529)" x1="152" y1="-1192.638" 
x2="113.882" y2="-1230.756"/><linearGradient xlink:href="#ac" id="aC" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.1 0 0 2 -4328.2 
3837)" x1="-17" y1="-1194.638" x2="144" y2="-1194.638"/><linearGradient 
xlink:href="#ac" id="aB" g
 radientUnits="userSpaceOnUse" gradientTransform="matrix(1.4 0 0 2 -1652.8 
-1774.4)" x1="-17" y1="-1194.638" x2="144" y2="-1194.638"/><linearGradient 
xlink:href="#ac" id="aA" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(.7 .7 -1.4 1.4 2552.2 -15.5)" x1="30.744" 
y1="-1194.638" x2="144" y2="-1194.638"/><linearGradient xlink:href="#ac" 
id="az" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.7 .7 -1.4 1.4 
2552.2 -49.5)" x1="78.822" y1="-1194.638" x2="144" 
y2="-1194.638"/><linearGradient xlink:href="#ae" id="ay" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(8 0 0 8 2503.6 
4583.3)" x1="209.063" y1="-755.388" x2="209.063" y2="-781.623"/><linearGradient 
xlink:href="#af" id="ax" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(16 0 0 16 -513.6 -5573.6)" x1="294.343" y1="256.581" 
x2="294.418" y2="243.139"/><linearGradient xlink:href="#f" id="av" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(8 0 0 8 2729.9 
-8976.3)" x1="121.306" y1="976.378" x
 2="121.306" y2="992.424"/><linearGradient xlink:href="#f" id="aw" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(8 0 0 8.1 2717.9 
-9050.3)" x1="110.969" y1="976.3" x2="110.969" y2="992.375"/><radialGradient 
xlink:href="#h" id="bA" gradientUnits="userSpaceOnUse" 
gradientTransform="matrix(.9 0 0 .9 239.9 -1970.8)" cx="4323.673" cy="680.79" 
fx="4323.673" fy="680.79" r="20.959"/><linearGradient xlink:href="#g" id="bB" 
gradientUnits="userSpaceOnUse" gradientTransform="matrix(1 0 0 -1 69.9 
-2455.3)" x1="4195.832" y1="-1105.1" x2="4195.832" 
y2="-1064.963"/><linearGradient gradientTransform="translate(-30.2 -287.3)" 
xlink:href="#g" id="bC" x1="4296.607" y1="-1115.3" x2="4296.607" y2="-1055.71" 
gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#a" id="at" 
gradientUnits="userSpaceOnUse" x1="475" y1="-895.638" x2="475" 
y2="-848.638"/></defs><g transform="translate(-4151.6 1693.8)"><use 
xlink:href="#au" transform="translate(1571)" width="5033" height="1085" 
opacity=".75"/><t
 ext y="-1109.14" x="382.125" font-size="8" font-family="Sans"/></g><g 
font-family="Andale Mono"><path d="M3618-1160.617v115.98c.002 4.19 1.813 6 
6.002 6h92.007c4.188 0 6-1.81 
6-6v-71.826c.047-2.112-.78-4.23-2.25-5.75l-42.168-42.153c-1.518-1.47-3.637-2.298-5.75-2.25h-47.84c-4.152
 0-6.02 3.486-6 6z" 
style="line-height:normal;text-indent:0pt;text-align:start;text-decoration-line:none;text-transform:none"
 overflow="visible" fill="url(#av)" transform="matrix(2 0 0 2 -7235.3 
2333.3)"/><path d="M3692.642-1166.59c-2.663.853-3.56 4.907-1.506 6.813l24.097 
24.224c2.227 2.12 6.66.306 
6.778-2.776v-24.223c0-2.113-1.912-4.036-4.015-4.037h-24.098c-.415-.064-.84-.064-1.255
 0z" 
style="line-height:normal;text-indent:0pt;text-align:start;text-decoration-line:none;text-transform:none"
 overflow="visible" fill="url(#aw)" transform="matrix(2 0 0 2 -7235.3 
2333.3)"/></g><path 
d="M4163.64-1681.795v232h184v-145.75l-1.25-1.25-83.5-84-1-1h-98.25z" 
style="line-height:normal;text-indent:0pt;text-align:start;text-
 decoration-line:none;text-transform:none" font-family="Andale Mono" 
overflow="visible" fill="url(#ax)" transform="translate(-4151.6 1693.8)"/><path 
d="M4171.64-1673.674h84.47l83.53 84v132h-168v-216z" fill="url(#ay)" 
transform="translate(-4151.6 1693.8)"/><path d="M4301.054-1679.534l47.324 
47.324-1.414 1.415-47.324-47.325 1.414-1.414z" overflow="visible" opacity=".25" 
fill="url(#az)" transform="translate(-4151.6 1693.8)"/><path 
d="M4265.054-1681.534l83.324 83.324-1.414 1.415-83.324-83.325 1.414-1.414z" 
overflow="visible" opacity=".25" fill="url(#aA)" transform="translate(-4151.6 
1693.8)"/><path transform="rotate(90 -2922.7 -1228.9)" overflow="visible" 
opacity=".5" fill="url(#aB)" d="M-1675.796-4163.64h218v2h-218z"/><path 
transform="rotate(180 -2075.8 846.9)" overflow="visible" opacity=".5" 
fill="url(#aC)" d="M-4347.64 1447.795h184v2h-184z"/><path transform="matrix(-1 
0 0 1 -4151.6 1693.8)" overflow="visible" opacity=".15" fill="url(#aD)" 
d="M-4237.64-1523.796h64v64h-64z"/><path d="M4
 261.054-1671.534l83.324 83.324-1.414 1.415-83.324-83.325 1.414-1.414z" 
overflow="visible" opacity=".1" fill="url(#aE)" transform="translate(-4151.6 
1693.8)"/><path overflow="visible" opacity=".2" fill="url(#aF)" 
d="M4171.64-1457.796h167.994v2H4171.64z" transform="translate(-4151.6 
1693.8)"/><path transform="rotate(90 -2922.7 -1228.9)" overflow="visible" 
opacity=".2" fill="url(#aG)" d="M-1675.796-4171.64h218v2h-218z"/><path 
transform="rotate(90 -2922.7 -1228.9)" overflow="visible" opacity=".2" 
fill="url(#aH)" d="M-1586.795-4341.64h129v2h-129z"/><path transform="rotate(90 
-2922.7 -1228.9)" overflow="visible" opacity=".5" fill="url(#aI)" 
d="M-1586.795-4349.64h129v2h-129z"/><path overflow="visible" opacity=".15" 
fill="url(#aJ)" d="M4273.64-1523.796h64v64h-64z" transform="translate(-4151.6 
1693.8)"/><path overflow="visible" fill="#fff" d="M94.04 114.01h24v4h-24zM38.04 
98.01h12v4h-12zM54.04 98.01h44v4h-44zM102.04 98.01h12v4h-12zM38.04 
106.01h12v4h-12zM54.04 106.01h8v4h-8zM66.04 106.01h8v4
 h-8zM78.04 106.01h24v4h-24zM38.04 114.01h12v4h-12zM54.04 
114.01h24v4h-24zM82.04 114.01h8v4h-8zM54.04 122.01h24v4h-24zM70.04 
146.01h16v4h-16zM78.04 138.01h4v4h-4zM90.04 122.01h8v4h-8zM54.04 
130.01h8v4h-8zM66.04 130.01h16v4h-16zM86.04 130.01h16v4h-16zM126.04 
130.01h11.6v4h-11.6zM54.04 138.01h12v4h-12zM70.04 138.01h4v4h-4zM98.04 
138.01h4v4h-4zM86.04 138.01h8v4h-8zM82.04 122.01h4v4h-4zM90.04 
146.005h4v4h-4zM70.04 154.01h16v4h-16zM150.04 146.01h16v4h-16zM162.04 
154.01h4v4h-4zM158.04 154.01h4v4h-4zM146.04 154.01h8v4h-8zM54.04 
162.01h16v4h-16zM74.04 162.01h4v4h-4zM54.04 170.01h4v4h-4zM70.04 
170.01h4v4h-4zM62.04 170.01h4v4h-4zM78.04 170.01h8v4h-8zM70.04 
178.01h16v4h-16zM90.04 178.01h4v4h-4zM70.04 186.01h16v4h-16zM90.04 
186.01h4v4h-4zM54.04 194.01h8v4h-8zM66.04 194.01h4v4h-4zM38.04 
202.01h8v4h-8zM50.04 202.01h8v4h-8zM86.04 194.01h12v4h-12zM74.04 
194.01h8v4h-8zM146.04 194.01h12v4h-12zM134.04 194.01h8v4h-8z"/><path 
overflow="visible" fill="#d36118" d="M54.04 104.01h8v4h-8zM90.04 120.01h8v4h-8z
 M86.04 136.01h8v4h-8zM150.04 144.01h16v4h-16zM158.04 152.01h4v4h-4zM78.04 
168.01h8v4h-8z"/><g transform="matrix(2 0 0 2 -8280 2333.3)" 
fill="url(#aK)"><path overflow="visible" fill="url(#aL)" 
d="M4167-1118.636h22v2h-22z"/><path overflow="visible" fill="url(#aM)" 
d="M4167-1110.636h12v2h-12z"/><path overflow="visible" fill="url(#aN)" 
d="M4167-1106.636h12v2h-12z"/><path overflow="visible" fill="url(#aO)" 
d="M4175-1094.636h8v2h-8z"/><path overflow="visible" fill="url(#aP)" 
d="M4175-1098.636h2v2h-2z"/><path overflow="visible" fill="url(#aQ)" 
d="M4175-1090.636h8v2h-8z"/><path overflow="visible" fill="url(#aR)" 
d="M4213-1090.636h4v2h-4z"/><path overflow="visible" fill="url(#aS)" 
d="M4177-1086.636h2v2h-2z"/><path overflow="visible" fill="url(#aT)" 
d="M4171-1082.636h2v2h-2z"/><path overflow="visible" fill="url(#aU)" 
d="M4175-1078.636h8v2h-8z"/><path overflow="visible" fill="url(#aV)" 
d="M4175-1074.636h8v2h-8z"/></g><path overflow="visible" fill="url(#aW)" 
d="M4241.64-1509.79h4v4h-4z" transfo
 rm="translate(-4151.6 1693.8)"/><path overflow="visible" fill="#d36118" 
d="M74.04 192.01h8v4h-8z"/><g transform="matrix(2 0 0 2 -8280 2333.3)" 
fill="url(#aX)"><path overflow="visible" fill="url(#aY)" 
d="M4187-1110.636h12v2h-12z"/><path overflow="visible" fill="url(#aZ)" 
d="M4159-1118.636h6v2h-6z"/><path overflow="visible" fill="url(#ba)" 
d="M4191-1118.636h6v2h-6z"/><path overflow="visible" fill="url(#bb)" 
d="M4159-1114.636h6v2h-6z"/><path overflow="visible" fill="url(#bc)" 
d="M4173-1114.636h4v2h-4z"/><path overflow="visible" fill="url(#bd)" 
d="M4179-1114.636h12v2h-12z"/><path overflow="visible" fill="url(#be)" 
d="M4159-1110.636h6v2h-6z"/><path overflow="visible" fill="url(#bf)" 
d="M4181-1110.636h4v2h-4z"/><path overflow="visible" fill="url(#bg)" 
d="M4179-1098.636h2v2h-2z"/><path overflow="visible" fill="url(#bh)" 
d="M4167-1102.636h4v2h-4z"/><path overflow="visible" fill="url(#bi)" 
d="M4173-1102.636h8v2h-8z"/><path overflow="visible" fill="url(#bj)" 
d="M4183-1102.636h8v2h-8z"/><path 
 overflow="visible" fill="url(#bk)" d="M4203-1102.636h5.8v2h-5.8z"/><path 
overflow="visible" fill="url(#bl)" d="M4167-1098.636h6v2h-6z"/><path 
overflow="visible" fill="url(#bm)" d="M4189-1098.636h2v2h-2z"/><path 
overflow="visible" fill="url(#bn)" d="M4181-1106.636h2v2h-2z"/><path 
overflow="visible" fill="url(#bo)" d="M4185-1094.638h2v2h-2z"/><path 
overflow="visible" fill="url(#bp)" d="M4221-1090.636h2v2h-2z"/><path 
overflow="visible" fill="url(#bq)" d="M4167-1086.636h8v2h-8z"/><path 
overflow="visible" fill="url(#br)" d="M4167-1082.636h2v2h-2z"/><path 
overflow="visible" fill="url(#bs)" d="M4175-1082.636h2v2h-2z"/><path 
overflow="visible" fill="url(#bt)" d="M4185-1078.636h2v2h-2z"/><path 
overflow="visible" fill="url(#bu)" d="M4167-1070.636h4v2h-4z"/><path 
overflow="visible" fill="url(#bv)" d="M4173-1070.636h2v2h-2z"/><path 
overflow="visible" fill="url(#bw)" d="M4159-1066.636h4v2h-4z"/><path 
overflow="visible" fill="url(#bx)" d="M4165-1066.636h4v2h-4z"/><path 
overflow="visible" fill="ur
 l(#by)" d="M4183-1070.636h6v2h-6z"/><path overflow="visible" fill="url(#bz)" 
d="M4213-1070.636h6v2h-6z"/></g><path overflow="visible" fill="#d36118" 
d="M134.04 192.01h8v4h-8z"/><path d="M111.452 130.263c-5.298 1.66-10.09 
4.463-14.08 8.13l5.236 11.916c-1.417 1.82-2.584 3.84-3.467 6.01l-12.943 
1.416c-.582 2.616-.89 5.34-.89 8.13 0 2.793.308 5.516.89 8.132l12.944 
1.417c.884 2.17 2.05 4.19 3.468 6.01l-5.236 11.915c3.99 3.666 8.782 6.472 14.08 
8.13l7.7-10.497c1.133.155 2.292.238 3.467.238 1.175 0 2.333-.08 3.466-.237l7.7 
10.498c5.3-1.658 10.09-4.462 14.08-8.13l-5.236-11.915c1.418-1.82 2.584-3.84 
3.467-6.01l12.945-1.417c.58-2.616.89-5.34.89-8.13 
0-2.792-.31-5.516-.89-8.132l-12.945-1.417c-.883-2.17-2.05-4.19-3.467-6.01l5.236-11.916c-3.99-3.668-8.78-6.472-14.08-8.13l-7.7
 10.497c-1.133-.154-2.29-.237-3.467-.237-1.176 
0-2.335.082-3.468.238l-7.7-10.497zm11.167 25.89c5.365 0 9.714 4.35 9.714 9.714 
0 5.365-4.35 9.715-9.715 9.715-5.366 0-9.716-4.35-9.716-9.715s4.35-9.715 
9.715-9.715z" overflow="v
 isible" fill="none" stroke="#fff" stroke-width="3.82018"/><path 
d="M4264.453-1389.517c-2.774.87-5.284 2.337-7.372 4.257l2.743 
6.238c-.743.953-1.354 2.012-1.816 3.147l-6.777.742c-.304 1.37-.465 2.795-.465 
4.257 0 1.46.16 2.887.465 4.257l6.777.742c.463 1.136 1.073 2.194 1.816 
3.147l-2.742 6.237c2.09 1.92 4.6 3.388 7.373 4.257l4.03-5.496c.594.08 1.2.124 
1.816.124.614 0 1.22-.043 1.814-.124l4.03 5.496c2.775-.87 5.284-2.337 
7.373-4.257l-2.742-6.238c.742-.954 1.353-2.012 
1.816-3.148l6.777-.74c.305-1.37.466-2.797.466-4.258 
0-1.462-.16-2.888-.466-4.257l-6.776-.742c-.462-1.135-1.073-2.194-1.815-3.147l2.742-6.238c-2.09-1.92-4.598-3.388-7.372-4.257l-4.03
 5.497c-.594-.08-1.2-.125-1.816-.125-.617 
0-1.223.043-1.816.125l-4.032-5.497zm5.846 13.554c2.808 0 5.085 2.278 5.085 
5.087 0 2.81-2.277 5.086-5.086 5.086-2.81 0-5.087-2.277-5.087-5.086 0-2.81 
2.277-5.087 5.086-5.087z" overflow="visible" fill="url(#bA)" 
transform="matrix(1.9 0 0 1.9 -8034 2781.5)"/><path d="M68.45 141.528c-5.27 
1.65-10.045 4.427
 -14.013 8.075l1.84 4.156c3.576-2.885 7.684-5.126 12.172-6.532l7.66 
10.45c1.126-.154 2.273-.237 3.443-.237s2.316.084 3.443.238l7.66-10.45c4.488 
1.406 8.655 3.647 12.23 
6.53l1.782-4.155c-3.968-3.648-8.742-6.424-14.012-8.075l-7.66 
10.45c-1.127-.154-2.274-.237-3.443-.237-1.17 
0-2.317.084-3.444.238l-7.66-10.45zm-10.332 22.206c-.727 1.183-1.37 2.44-1.9 
3.74l-12.884 1.367c-.578 2.603-.89 5.358-.89 8.135 0 .96.047 1.908.12 
2.85.134-1.79.39-3.574.77-5.284l12.885-1.365c.877-2.157 2.033-4.186 
3.443-5.997l-1.544-3.444h-.002zm42.87 0l-1.485 3.444c1.41 1.81 2.565 3.84 3.443 
5.997l12.825 1.366c.38 1.71.638 3.494.773 5.285.072-.942.12-1.89.12-2.85 
0-2.777-.313-5.532-.89-8.134l-12.826-1.365c-.534-1.31-1.225-2.55-1.96-3.74zm-30.64
 16.09c-.27.893-.414 1.87-.414 2.85 0 5.338 4.28 9.62 9.62 9.62 5.336 0 
9.677-4.282 9.677-9.62 0-.98-.144-1.957-.415-2.85-1.224 3.935-4.926 6.77-9.262 
6.77-4.337 0-7.98-2.835-9.204-6.77zm-12.23 16.032l-3.68 8.43c.588.542 1.217 
1.043 1.84 1.545l3.384-7.718c-.564-.724-1.062-1.
 47-1.544-2.256zm42.928.06c-.475.768-.99 1.485-1.543 2.196l3.384 7.72c.623-.504 
1.192-1.004 1.78-1.545l-3.62-8.372z" overflow="visible" opacity=".35"/><path 
style="line-height:normal;text-indent:0pt;text-align:start;text-decoration-line:none;text-transform:none"
 d="M4270.29-1366.663c2.3 0 4.157-1.858 4.157-4.156 
0-2.296-1.858-4.124-4.156-4.124-2.297 0-4.124 1.828-4.124 4.125 0 2.3 1.827 
4.158 4.125 4.157zm0 2c-3.378 0-6.124-2.777-6.124-6.156 0-3.377 2.746-6.124 
6.125-6.124 3.38 0 6.157 2.747 6.157 6.125 0 3.38-2.778 6.157-6.156 6.157z" 
font-family="Sans" overflow="visible" fill="url(#bB)" transform="matrix(1.9 0 0 
1.9 -8034 2781.5)"/><path d="M4264.443-1389.453c-2.774.87-5.283 2.337-7.37 
4.257l2.74 6.238c-.742.953-1.353 2.01-1.815 3.147l-6.777.74c-.303 1.37-.464 
2.796-.464 4.257 0 1.462.16 2.888.465 4.257l6.778.742c.462 1.136 1.073 2.194 
1.815 3.147l-2.74 6.238c2.087 1.92 4.597 3.39 7.37 4.258l4.03-5.497c.595.082 
1.2.126 1.817.126.615 0 1.222-.043 1.815-.125l4.03 5.498c2.775-.87 5.28
 4-2.337 7.372-4.257l-2.74-6.237c.74-.953 1.352-2.01 
1.814-3.147l6.778-.742c.304-1.37.466-2.795.466-4.257 
0-1.46-.16-2.887-.466-4.256l-6.777-.74c-.46-1.137-1.072-2.195-1.814-3.148l2.74-6.238c-2.087-1.92-4.596-3.388-7.37-4.257l-4.03
 5.496c-.594-.08-1.2-.124-1.816-.124-.616 0-1.222.042-1.816.123l-4.03-5.496z" 
overflow="visible" fill="none" stroke="url(#bC)" stroke-width="2" 
transform="matrix(1.9 0 0 1.9 -8034 2781.5)"/></svg>
\ No newline at end of file
diff --git a/source/media/navigation/libo-calc.svg 
b/source/media/navigation/libo-calc.svg
new file mode 100644
index 000000000..d7f82f649
--- /dev/null
+++ b/source/media/navigation/libo-calc.svg
@@ -0,0 +1 @@

... etc. - the rest is truncated
_______________________________________________
Libreoffice-commits mailing list
[email protected]
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits

Reply via email to