17 files changed, 3320 insertions, 0 deletions

diff --git a/doc/backends/deckjs/deck.js/themes/style/_reset.scss b/doc/backends/deckjs/deck.js/themes/style/_reset.scss
new file mode 100644
index 00000000..b1583866
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/style/_reset.scss
@@ -0,0 +1,300 @@
+/* Resets and base styles from HTML5 Boilerplate */
+div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+
+blockquote, q {
+  quotes:none;
+
+  &:before, &:after {
+    content:"";
+    content:none;
+  }
+}
+
+ins {
+  background-color:#ff9;
+  color:#000;
+  text-decoration:none;
+}
+
+mark {
+  background-color:#ff9;
+  color:#000;
+  font-style:italic;
+  font-weight:bold;
+}
+
+del {
+  text-decoration:line-through;
+}
+
+abbr[title], dfn[title] {
+  border-bottom:1px dotted;
+  cursor:help;
+}
+
+table {
+  border-collapse:collapse;
+  border-spacing:0;
+}
+
+hr {
+  display:block;
+  height:1px;
+  border:0;
+  border-top:1px solid #ccc;
+  margin:1em 0;
+  padding:0;
+}
+
+input, select {
+  vertical-align:middle;
+}
+
+select, input, textarea, button {
+  font:99% sans-serif;
+}
+
+pre, code, kbd, samp {
+  font-family:monospace, sans-serif;
+}
+
+a {
+  -webkit-tap-highlight-color:rgba(0,0,0,0);
+
+  &:hover, &:active {
+    outline:none;
+  }
+}
+
+ul, ol {
+  margin-left:2em;
+  vertical-align:top;
+}
+
+ol {
+  list-style-type:decimal;
+}
+
+nav {
+  ul, li {
+    margin:0;
+    list-style:none;
+    list-style-image:none;
+  }
+}
+
+small {
+  font-size:85%;
+}
+
+strong, th {
+  font-weight:bold;
+}
+
+td {
+  vertical-align:top;
+}
+
+sub, sup {
+  font-size:75%;
+  line-height:0;
+  position:relative;
+}
+
+sup {
+  top:-0.5em;
+}
+
+sub { bottom: -0.25em; }
+
+textarea {
+  overflow:auto;
+}
+
+input[type="radio"] {
+  vertical-align:text-bottom;
+}
+
+input[type="checkbox"] {
+  vertical-align:bottom;
+}
+
+label,
+input[type="button"],
+input[type="submit"],
+input[type="image"],
+button {
+  cursor:pointer;
+}
+
+button, input, select, textarea {
+  margin: 0;
+}
+
+input, textarea {
+  &:invalid {
+    border-radius:1px;
+    -moz-box-shadow:0px 0px 5px red;
+    -webkit-box-shadow:0px 0px 5px red;
+    box-shadow: 0px 0px 5px red;
+
+    .no-boxshadow {
+      background-color: #f0dddd;
+    }
+  }
+}
+
+button {
+  width:auto;
+  overflow:visible;
+}
+
+select, input, textarea {
+  color: #444 ;
+}
+
+a {
+  color:#607890;
+
+  &:hover, &:focus {
+    color:#036;
+  }
+
+  &:link {
+    -webkit-tap-highlight-color: #fff;
+  }
+}
+/* End HTML5 Boilerplate adaptations */
+
+h1 {
+  font-size:4.5em;
+}
+
+h1, .vcenter {
+  font-weight:bold;
+  text-align:center;
+  padding-top:1em;
+  max-height:100%;
+
+  .csstransforms & {
+    padding:0 48px;
+    position:absolute;
+    left:0;
+    right:0;
+    top:50%;
+    -webkit-transform:translate(0, -50%);
+    -moz-transform:translate(0, -50%);
+    -ms-transform:translate(0, -50%);
+    -o-transform:translate(0, -50%);
+    transform:translate(0, -50%);
+  }
+}
+
+.vcenter h1 {
+  position:relative;
+  top:auto;
+  padding:0;
+  -webkit-transform:none;
+  -moz-transform:none;
+  -ms-transform:none;
+  -o-transform:none;
+  transform:none;
+}
+
+h2 {
+  font-size:2.25em;
+  font-weight:bold;
+  padding-top:.5em;
+  margin:0 0 .66666em 0;
+  border-bottom:3px solid #888;
+}
+
+h3 {
+  font-size:1.4375em;
+  font-weight:bold;
+  margin-bottom:.30435em;
+}
+
+h4 {
+  font-size:1.25em;
+  font-weight:bold;
+  margin-bottom:.25em;
+}
+
+h5 {
+  font-size:1.125em;
+  font-weight:bold;
+  margin-bottom:.2222em;
+}
+
+h6 {
+  font-size:1em;
+  font-weight:bold;
+}
+
+img, iframe, video {
+  display:block;
+  max-width:100%;
+}
+
+video, iframe, img {
+  display:block;
+  margin:0 auto;
+}
+
+p, blockquote, iframe, img, ul, ol, pre, video {
+  margin-bottom:1em;
+}
+
+pre {
+  white-space:pre;
+  white-space:pre-wrap;
+  word-wrap:break-word;
+  padding: 1em;
+  border:1px solid #888;
+}
+
+em {
+  font-style:italic;
+}
+
+li {
+  padding:.25em 0;
+  vertical-align:middle;
+
+  > ol, > ul {
+    margin-bottom:inherit;
+  }
+}
+
+.deck-container {
+  font-size:16px;
+  line-height:1.25;
+  color:#444;
+}
+
+.slide {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width:100%;
+}
\ No newline at end of file
diff --git a/doc/backends/deckjs/deck.js/themes/style/beamer.css b/doc/backends/deckjs/deck.js/themes/style/beamer.css
new file mode 100644
index 00000000..73d1f0d9
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/style/beamer.css
@@ -0,0 +1,286 @@
+.deck-container {
+  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
+  font-size: 1.3em;
+  background: white;
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #f5f6f7 0%, #dcdcdf 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f6f7), color-stop(100%, #dcdcdf));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #f5f6f7 0%, #dcdcdf 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #f5f6f7 0%, #dcdcdf 100%);
+  /* Opera11.10+ */
+  background: -ms-linear-gradient(top, #f5f6f7 0%, #dcdcdf 100%);
+  /* IE10+ */
+  background: linear-gradient(top, #f5f6f7 0%, #dcdcdf 100%);
+  /* W3C */
+  background-attachment: fixed;
+  position: absolute;
+  display: block;
+  top: 0px;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  margin: 0px;
+  padding: 0px; }
+  .deck-container section.slide {
+    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
+    padding-top: 40px;
+    margin: 0px; }
+  .deck-container h1, .deck-container h2, .deck-container h3, .deck-container h4, .deck-container h5 {
+    border: 0px;
+    position: relative; }
+  .deck-container h1 {
+    font-size: 3.5em;
+    text-align: center;
+    color: #050014;
+    padding-top: 0.9em;
+    padding-bottom: 3.9em; }
+    .csstransforms .deck-container h1 {
+      position: relative;
+      top: auto;
+      -webkit-transform: none;
+      -moz-transform: none;
+      -ms-transform: none;
+      -o-transform: none;
+      transform: none; }
+  .deck-container h2, .deck-container h3 {
+    font-size: 2.10em;
+    font-weight: bold;
+    padding-top: .5em;
+    margin: 0 0 .66666em 0;
+    color: #050014; }
+  .deck-container pre {
+    border-color: #cde;
+    background: #fff;
+    position: relative;
+    z-index: auto;
+    /* http://nicolasgallagher.com/css-drop-shadows-without-images/ */ }
+    .borderradius .deck-container pre {
+      -webkit-border-radius: 5px;
+      -moz-border-radius: 5px;
+      border-radius: 5px; }
+    .csstransforms.boxshadow .deck-container pre > :first-child:before {
+      content: "";
+      position: absolute;
+      z-index: -1;
+      background: #fff;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0; }
+    .csstransforms.boxshadow .deck-container pre:before, .csstransforms.boxshadow .deck-container pre:after {
+      content: "";
+      position: absolute;
+      z-index: -2;
+      bottom: 15px;
+      width: 50%;
+      height: 20%;
+      max-width: 300px;
+      -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
+      -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
+      box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); }
+    .csstransforms.boxshadow .deck-container pre:before {
+      left: 10px;
+      -webkit-transform: rotate(-3deg);
+      -moz-transform: rotate(-3deg);
+      -ms-transform: rotate(-3deg);
+      -o-transform: rotate(-3deg);
+      transform: rotate(-3deg); }
+    .csstransforms.boxshadow .deck-container pre:after {
+      right: 10px;
+      -webkit-transform: rotate(3deg);
+      -moz-transform: rotate(3deg);
+      -ms-transform: rotate(3deg);
+      -o-transform: rotate(3deg);
+      transform: rotate(3deg); }
+  .deck-container code {
+    color: #789; }
+  .deck-container blockquote {
+    font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
+    font-size: 2em;
+    padding: 1em 2em .5em 2em;
+    color: #000;
+    background: #fff;
+    position: relative;
+    border: 1px solid #cde;
+    z-index: auto; }
+    .borderradius .deck-container blockquote {
+      -webkit-border-radius: 5px;
+      -moz-border-radius: 5px;
+      border-radius: 5px; }
+    .boxshadow .deck-container blockquote > :first-child:before {
+      content: "";
+      position: absolute;
+      z-index: -1;
+      background: #fff;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0; }
+    .boxshadow .deck-container blockquote:after {
+      content: "";
+      position: absolute;
+      z-index: -2;
+      top: 10px;
+      bottom: 10px;
+      left: 0;
+      right: 50%;
+      -moz-border-radius: 10px/100px;
+      border-radius: 10px/100px;
+      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
+      -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
+      box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); }
+    .deck-container blockquote p {
+      margin: 0; }
+    .deck-container blockquote cite {
+      font-size: .5em;
+      font-style: normal;
+      font-weight: bold;
+      color: #888; }
+    .deck-container blockquote:before {
+      content: "“";
+      position: absolute;
+      top: 0;
+      left: 0;
+      font-size: 5em;
+      line-height: 1;
+      color: #ccf0f0;
+      z-index: 1; }
+  .deck-container .borderradius img {
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px; }
+  .deck-container ::-moz-selection {
+    background: #08455f;
+    color: #fff; }
+  .deck-container ::selection {
+    background: #08455f;
+    color: #fff; }
+  .deck-container a, .deck-container a:hover, .deck-container a:focus, .deck-container a:active, .deck-container a:visited {
+    color: #599;
+    text-decoration: none; }
+  .deck-container a:hover, .deck-container a:focus {
+    text-decoration: underline; }
+  .deck-container .deck-prev-link, .deck-container .deck-next-link {
+    background: #fff;
+    opacity: 0.5; }
+    .deck-container .deck-prev-link, .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-prev-link:active, .deck-container .deck-prev-link:visited, .deck-container .deck-next-link, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus, .deck-container .deck-next-link:active, .deck-container .deck-next-link:visited {
+      color: #599; }
+    .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus {
+      opacity: 1;
+      text-decoration: none; }
+  .deck-container .deck-status {
+    position: absolute;
+    display: block;
+    z-index: 20;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
+    width: 100%;
+    font-size: 0.6666em;
+    background-color: black;
+    -webkit-box-shadow: 0px -1px 1px rgba(255, 255, 255, 0.2);
+    -moz-box-shadow: 0px -1px 1px rgba(255, 255, 255, 0.2);
+    box-shadow: 0px -1px 1px rgba(255, 255, 255, 0.2);
+    color: white; }
+  .deck-container .deck-toc-status {
+    position: absolute;
+    display: block;
+    z-index: 10;
+    left: 0px;
+    right: 0px;
+    top: 0px;
+    width: 100%;
+    font-size: 0.6666em;
+    background-color: black;
+    -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2);
+    -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2);
+    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2);
+    color: white; }
+  .deck-container.deck-menu {
+    background: #EAEFF7;
+    overflow: scroll; }
+    .deck-container.deck-menu .slide {
+      -webkit-border-radius: 5px;
+      -moz-border-radius: 5px;
+      border-radius: 5px;
+      -webkit-box-shadow: 5px 15px 20px rgba(0, 0, 0, 0.2);
+      -moz-box-shadow: 5px 15px 20px rgba(0, 0, 0, 0.2);
+      box-shadow: 5px 15px 20px rgba(0, 0, 0, 0.2);
+      z-index: 10; }
+      .rgba .deck-container.deck-menu .slide {
+        background: rgba(0, 0, 0, 0.1); }
+      .deck-container.deck-menu .slide.deck-current, .rgba .deck-container.deck-menu .slide.deck-current, .no-touch .deck-container.deck-menu .slide:hover {
+        background: #fff; }
+    .deck-container.deck-menu .deck-status, .deck-container.deck-menu .deck-toc-status {
+      visibility: hidden !important; }
+  .deck-container .deck-prev-link, .deck-container .deck-next-link {
+    display: none;
+    position: absolute;
+    z-index: 3;
+    bottom: 38px;
+    width: 24px;
+    height: 24px;
+    line-height: 24px;
+    background: #fff;
+    text-align: center;
+    color: #aaa;
+    text-decoration: none;
+    border: 1px solid #ddd;
+    font-weight: bold;
+    -webkit-border-radius: 20px;
+    -moz-border-radius: 20px;
+    border-radius: 20px; }
+    .no-boxshadow .deck-container .deck-prev-link:hover, .no-boxshadow .deck-container .deck-prev-link:focus, .no-boxshadow .deck-container .deck-next-link:hover, .no-boxshadow .deck-container .deck-next-link:focus {
+      border-color: #999;
+      color: #444; }
+    .deck-container .deck-prev-link:after, .deck-container .deck-next-link:after {
+      text-shadow: none;
+      background: rgba(0, 0, 0, 0.5);
+      color: #fff;
+      font-size: 12px;
+      font-weight: normal;
+      height: 18px;
+      line-height: 18px;
+      padding: 0 6px;
+      position: absolute;
+      top: -25px; }
+    .deck-container .deck-prev-link:before, .deck-container .deck-next-link:before {
+      display: block;
+      position: absolute;
+      top: -7px;
+      width: 0;
+      height: 0;
+      border: 5px solid rgba(0, 0, 0, 0.5);
+      border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent; }
+  .deck-container .deck-prev-link {
+    left: 10px; }
+    .boxshadow .deck-container .deck-prev-link:hover, .boxshadow .deck-container .deck-prev-link:focus {
+      bottom: 37px;
+      margin-left: 0px; }
+    .deck-container .deck-prev-link:after {
+      right: -10px; }
+    .deck-container .deck-prev-link:before {
+      right: 7px; }
+  .deck-container .deck-next-link {
+    right: 10px; }
+    .boxshadow .deck-container .deck-next-link:hover, .boxshadow .deck-container .deck-next-link:focus {
+      bottom: 37px;
+      margin-left: 0px; }
+    .deck-container .deck-next-link:after {
+      left: -10px; }
+    .deck-container .deck-next-link:before {
+      left: 7px; }
+  .deck-container .goto-form {
+    background: #fff;
+    border: 1px solid #cde;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px; }
+    .boxshadow .deck-container .goto-form {
+      -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+      -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+      box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
diff --git a/doc/backends/deckjs/deck.js/themes/style/beamer.scss b/doc/backends/deckjs/deck.js/themes/style/beamer.scss
new file mode 100644
index 00000000..975e5072
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/style/beamer.scss
@@ -0,0 +1,385 @@
+$background_color_light: rgba(245,246,247,1);
+$background_color_dark: rgba(220,220,223,1);
+
+@mixin border-radius($r) {
+    -webkit-border-radius:$r;
+    -moz-border-radius:$r;
+    border-radius:$r;
+}
+
+@mixin rotate($deg) {
+    -webkit-transform: rotate($deg);    
+    -moz-transform: rotate($deg);   
+    -ms-transform: rotate($deg);   
+    -o-transform: rotate($deg);
+    transform: rotate($deg);
+}
+
+@mixin box-shadow($x, $y, $blur, $color) {
+    -webkit-box-shadow:$x $y $blur $color;
+    -moz-box-shadow:$x $y $blur $color;
+    box-shadow:$x $y $blur $color;
+}
+
+@mixin linear-gradient-background($light, $dark, $default) {
+    background: rgb($default,$default,$default); /* Old browsers */
+    background: -moz-linear-gradient(top, $light 0%, $dark 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$light), color-stop(100%,$dark)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, $light 0%,$dark 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, $light 0%,$dark 100%); /* Opera11.10+ */
+    background: -ms-linear-gradient(top, $light 0%,$dark 100%); /* IE10+ */
+    background: linear-gradient(top, $light 0%,$dark 100%); /* W3C */
+}
+
+.deck-container {
+    //font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
+    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
+    font-size: 1.3em;
+    @include linear-gradient-background($background_color_light, $background_color_dark, 255);
+    background-attachment: fixed;
+    position: absolute;
+    display: block;
+    top: 0px;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    margin: 0px;
+    padding: 0px;
+    
+    
+    section.slide {
+        text-shadow: 0px 2px 3px rgba(0,0,0,.5);
+        //padding-left: 40px;
+        padding-top: 40px;
+        margin: 0px;
+    }
+    
+    h1,h2,h3,h4,h5 {
+        border: 0px;
+        position: relative;
+    }
+    
+    h1 {
+        font-size: 3.5em;
+        text-align: center;
+        color: #050014;
+        padding-top: 0.9em;
+        padding-bottom: 3.9em;
+        
+        .csstransforms & {
+                position: relative;
+                top: auto;
+                -webkit-transform: none;
+                -moz-transform: none;
+                -ms-transform: none;
+                -o-transform: none;
+                transform: none;
+        }
+    }
+    
+    h2, h3 {
+        font-size: 2.10em;
+        font-weight: bold;
+        padding-top:.5em;
+        margin: 0 0 .66666em 0;
+        color: #050014;
+    }
+    
+    pre {
+        border-color: #cde;
+        background: #fff;
+        position: relative;
+        z-index: auto;
+        
+        .borderradius & {
+            @include border-radius(5px);
+        }
+        
+        /* http://nicolasgallagher.com/css-drop-shadows-without-images/ */
+        .csstransforms.boxshadow & {
+            > :first-child:before {
+                content:"";
+                position: absolute;
+                z-index: -1;
+                background: #fff;
+                top:0;
+                bottom:0;
+                left:0;
+                right:0;
+            }
+            
+            &:before, &:after {
+                content:"";
+                position: absolute;
+                z-index: -2;
+                bottom:15px;
+                width:50%;
+                height:20%;
+                max-width:300px;
+                @include box-shadow(0, 15px, 10px, rgba(0, 0, 0, 0.7));
+            }
+            
+            &:before {
+                left:10px;
+                @include rotate(-3deg);
+            }
+            
+            &:after {
+                right:10px;
+                @include rotate(3deg);
+            }
+        }
+    }
+    
+    code {
+        color:#789;
+    }
+    
+    blockquote {
+        font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
+        font-size: 2em;
+        padding: 1em 2em .5em 2em;
+        color: #000;
+        background: #fff;
+        position: relative;
+        border:1px solid #cde;
+        z-index: auto;
+        
+        .borderradius & {
+            @include border-radius(5px);
+        }
+        
+        .boxshadow & {
+            > :first-child:before {
+                content: "";
+                position: absolute;
+                z-index: -1;
+                background: #fff;
+                top:0;
+                bottom:0;
+                left:0;
+                right:0;
+            }
+            
+            &:after {
+                content: "";
+                position: absolute;
+                z-index: -2;
+                top: 10px;
+                bottom: 10px;
+                left: 0;
+                right: 50%;
+                -moz-border-radius: 10px / 100px;
+                border-radius: 10px / 100px;
+                @include box-shadow(0, 0, 15px, rgba(0,0,0,0.6));
+            }
+        }
+        
+        p {
+            margin:0;
+        }
+        
+        cite {
+            font-size:.5em;
+            font-style:normal;
+            font-weight:bold;
+            color:#888;
+        }
+        
+        &:before {
+            content:"“";
+            position: absolute;
+            top:0;
+            left:0;
+            font-size:5em;
+            line-height:1;
+            color: #ccf0f0;
+            z-index:1;
+        }
+    }
+    
+    .borderradius img {
+        @include border-radius(5px);
+    }
+    
+    ::-moz-selection{ background:#08455f; color:#fff; }
+    ::selection { background:#08455f; color:#fff; }
+    
+    a {
+        &, &:hover, &:focus, &:active, &:visited {
+            color:#599;
+            text-decoration:none;
+        }
+        
+        &:hover, &:focus {
+            text-decoration:underline;
+        }
+    }
+    
+    .deck-prev-link, .deck-next-link {
+        background: #fff;
+        opacity: 0.5;
+        
+        &, &:hover, &:focus, &:active, &:visited {
+            color: #599;
+        }
+        
+        &:hover, &:focus {
+            opacity:1;
+            text-decoration: none;
+        }
+    }
+    
+    .deck-status {
+        position: absolute;
+        display: block;
+        z-index: 20;
+        left: 0px;
+        right: 0px;
+        bottom: 0px;
+        width: 100%;
+        font-size:0.6666em;
+        background-color: black;
+        @include box-shadow(0px, -1px, 1px, rgba(255, 255, 255, 0.2));
+        color: white;
+    }
+    
+    .deck-toc-status {
+        position: absolute;
+        display: block;
+        z-index: 10;
+        left: 0px;
+        right: 0px;
+        top: 0px;
+        width: 100%;
+        font-size:0.6666em;
+        background-color: black;
+        @include box-shadow(0px, 1px, 1px, rgba(255, 255, 255, 0.2));
+        color: white;
+    }
+    
+    &.deck-menu {
+        background: #EAEFF7;
+        overflow: scroll;
+        
+        .slide {
+            @include border-radius(5px);
+            @include box-shadow(5px, 15px, 20px, rgba(0, 0, 0, 0.2));
+            z-index: 10;
+            
+            .rgba & {
+                background: rgba(0,0,0,.1);
+            }
+            
+            &.deck-current, .rgba &.deck-current, .no-touch &:hover {
+                background: #fff;
+            }
+        }
+        
+        .deck-status, .deck-toc-status {
+            visibility:  hidden !important;
+        }
+    }
+    
+    .deck-prev-link, .deck-next-link {
+        display: none;
+        position: absolute;
+        z-index: 3;
+        bottom: 38px;
+        width: 24px;
+        height: 24px;
+        line-height: 24px;
+        background: #fff;
+        text-align: center;
+        color: #aaa;
+        text-decoration: none;
+        border: 1px solid #ddd;
+        font-weight: bold;
+        @include border-radius(20px);
+        
+        .no-boxshadow & {
+            &:hover, &:focus {
+                border-color: #999;
+                color: #444;
+            }
+        }
+        
+        &:after {
+            //content: "";
+            text-shadow: none;
+            background: rgba(0,0,0,.5);
+            color: #fff;
+            font-size: 12px;
+            font-weight: normal;
+            height: 18px;
+            line-height: 18px;
+            padding: 0 6px;
+            position: absolute;
+            top: -25px;
+        }
+        
+        &:before {
+            //content:"";
+            display: block;
+            position: absolute;
+            top: -7px;
+            width: 0;
+            height: 0;
+            border: 5px solid rgba(0,0,0,.5);
+            border-color: rgba(0,0,0,.5) transparent transparent transparent;
+        }
+    }
+    
+    .deck-prev-link {
+        left: 10px;
+        
+        .boxshadow & {
+            &:hover, &:focus {
+                bottom:37px;
+                margin-left: 0px;
+            }
+        }
+        
+        &:after {
+            right: -10px;
+        }
+        
+        &:before {
+            right:7px;
+        }
+    }
+    
+    .deck-next-link {
+        right: 10px;
+        
+        .boxshadow & {
+            &:hover, &:focus {
+                bottom: 37px;
+                margin-left: 0px;
+            }
+        }
+        
+        &:after {
+            left: -10px;
+        }
+        
+        &:before {
+            left:7px;
+        }
+    }
+    
+    .goto-form {
+        background:#fff;
+        border:1px solid #cde;
+        @include border-radius(5px);
+        
+        .boxshadow & {
+            -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+            -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+            box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+        }
+    }
+}
+
+
diff --git a/doc/backends/deckjs/deck.js/themes/style/neon.css b/doc/backends/deckjs/deck.js/themes/style/neon.css
new file mode 100644
index 00000000..3bd5c6ef
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/style/neon.css
@@ -0,0 +1,421 @@
+/* Resets and base styles from HTML5 Boilerplate */
+div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+
+blockquote, q {
+  quotes: none;
+}
+blockquote:before, blockquote:after, q:before, q:after {
+  content: "";
+  content: none;
+}
+
+ins {
+  background-color: #ff9;
+  color: #000;
+  text-decoration: none;
+}
+
+mark {
+  background-color: #ff9;
+  color: #000;
+  font-style: italic;
+  font-weight: bold;
+}
+
+del {
+  text-decoration: line-through;
+}
+
+abbr[title], dfn[title] {
+  border-bottom: 1px dotted;
+  cursor: help;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+hr {
+  display: block;
+  height: 1px;
+  border: 0;
+  border-top: 1px solid #ccc;
+  margin: 1em 0;
+  padding: 0;
+}
+
+input, select {
+  vertical-align: middle;
+}
+
+select, input, textarea, button {
+  font: 99% sans-serif;
+}
+
+pre, code, kbd, samp {
+  font-family: monospace, sans-serif;
+}
+
+a {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+a:hover, a:active {
+  outline: none;
+}
+
+ul, ol {
+  margin-left: 2em;
+  vertical-align: top;
+}
+
+ol {
+  list-style-type: decimal;
+}
+
+nav ul, nav li {
+  margin: 0;
+  list-style: none;
+  list-style-image: none;
+}
+
+small {
+  font-size: 85%;
+}
+
+strong, th {
+  font-weight: bold;
+}
+
+td {
+  vertical-align: top;
+}
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+textarea {
+  overflow: auto;
+}
+
+input[type="radio"] {
+  vertical-align: text-bottom;
+}
+
+input[type="checkbox"] {
+  vertical-align: bottom;
+}
+
+label,
+input[type="button"],
+input[type="submit"],
+input[type="image"],
+button {
+  cursor: pointer;
+}
+
+button, input, select, textarea {
+  margin: 0;
+}
+
+input:invalid, textarea:invalid {
+  border-radius: 1px;
+  -moz-box-shadow: 0px 0px 5px red;
+  -webkit-box-shadow: 0px 0px 5px red;
+  box-shadow: 0px 0px 5px red;
+}
+input:invalid .no-boxshadow, textarea:invalid .no-boxshadow {
+  background-color: #f0dddd;
+}
+
+button {
+  width: auto;
+  overflow: visible;
+}
+
+select, input, textarea {
+  color: #444444;
+}
+
+a {
+  color: #607890;
+}
+a:hover, a:focus {
+  color: #036;
+}
+a:link {
+  -webkit-tap-highlight-color: #fff;
+}
+
+/* End HTML5 Boilerplate adaptations */
+h1 {
+  font-size: 4.5em;
+}
+
+h1, .vcenter {
+  font-weight: bold;
+  text-align: center;
+  padding-top: 1em;
+  max-height: 100%;
+}
+.csstransforms h1, .csstransforms .vcenter {
+  padding: 0 48px;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 50%;
+  -webkit-transform: translate(0, -50%);
+  -moz-transform: translate(0, -50%);
+  -ms-transform: translate(0, -50%);
+  -o-transform: translate(0, -50%);
+  transform: translate(0, -50%);
+}
+
+.vcenter h1 {
+  position: relative;
+  top: auto;
+  padding: 0;
+  -webkit-transform: none;
+  -moz-transform: none;
+  -ms-transform: none;
+  -o-transform: none;
+  transform: none;
+}
+
+h2 {
+  font-size: 2.25em;
+  font-weight: bold;
+  padding-top: .5em;
+  margin: 0 0 .66666em 0;
+  border-bottom: 3px solid #888;
+}
+
+h3 {
+  font-size: 1.4375em;
+  font-weight: bold;
+  margin-bottom: .30435em;
+}
+
+h4 {
+  font-size: 1.25em;
+  font-weight: bold;
+  margin-bottom: .25em;
+}
+
+h5 {
+  font-size: 1.125em;
+  font-weight: bold;
+  margin-bottom: .2222em;
+}
+
+h6 {
+  font-size: 1em;
+  font-weight: bold;
+}
+
+img, iframe, video {
+  display: block;
+  max-width: 100%;
+}
+
+video, iframe, img {
+  display: block;
+  margin: 0 auto;
+}
+
+p, blockquote, iframe, img, ul, ol, pre, video {
+  margin-bottom: 1em;
+}
+
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  padding: 1em;
+  border: 1px solid #888;
+}
+
+em {
+  font-style: italic;
+}
+
+li {
+  padding: .25em 0;
+  vertical-align: middle;
+}
+li > ol, li > ul {
+  margin-bottom: inherit;
+}
+
+.deck-container {
+  font-size: 16px;
+  line-height: 1.25;
+  color: #444;
+}
+
+.slide {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+h1 {
+  color: #0af;
+  font-weight: normal;
+  font-weight: 100;
+  text-shadow: 0 0 50px #0af, 0 0 3px #fff;
+}
+
+h2 {
+  color: #af0;
+  border-bottom-color: #ccc;
+  font-weight: normal;
+  font-weight: 100;
+  text-shadow: 0 0 15px #af0, 0 0 2px #fff;
+  border-bottom: 1px solid #333;
+}
+
+h3 {
+  color: #fff;
+  font-weight: normal;
+  font-weight: 100;
+  text-shadow: 0 0 10px #fff, 0 0 2px #fff;
+}
+
+pre {
+  border-color: #333;
+}
+pre code {
+  color: #fff;
+}
+
+code {
+  color: #f0a;
+}
+
+blockquote {
+  font-size: 2em;
+  padding: 1em 2em;
+  color: #fff;
+  border-left: 5px solid #fff;
+}
+blockquote p {
+  margin: 0;
+}
+blockquote cite {
+  font-size: .5em;
+  font-style: normal;
+  font-weight: normal;
+  font-weight: 100;
+  color: #aaa;
+  text-shadow: 0 0 15px #fff, 0 0 2px #fff;
+}
+
+::-moz-selection {
+  background: #a0f;
+}
+
+::selection {
+  background: #a0f;
+}
+
+a, a:hover, a:focus, a:active, a:visited {
+  color: #f0a;
+  text-decoration: none;
+}
+a:hover, a:focus {
+  text-decoration: underline;
+}
+
+.deck-container {
+  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
+  font-size: 1.75em;
+  color: #aaa;
+  background: #000;
+}
+.deck-container > .slide {
+  padding: 0 48px;
+}
+
+.slide .deck-before, .slide .deck-previous {
+  opacity: 0.4;
+}
+.slide .deck-before:not(.deck-child-current) .deck-before, .slide .deck-before:not(.deck-child-current) .deck-previous, .slide .deck-previous:not(.deck-child-current) .deck-before, .slide .deck-previous:not(.deck-child-current) .deck-previous {
+  opacity: 1;
+}
+.slide .deck-child-current {
+  opacity: 1;
+}
+
+.deck-prev-link, .deck-next-link {
+  background: #f0a;
+  text-shadow: 0 0 3px #fff;
+}
+.deck-prev-link, .deck-prev-link:hover, .deck-prev-link:focus, .deck-prev-link:active, .deck-prev-link:visited, .deck-next-link, .deck-next-link:hover, .deck-next-link:focus, .deck-next-link:active, .deck-next-link:visited {
+  color: #fff;
+}
+.deck-prev-link:hover, .deck-prev-link:focus, .deck-next-link:hover, .deck-next-link:focus {
+  text-decoration: none;
+  box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
+}
+
+.deck-status {
+  font-size: 0.6666em;
+}
+
+.goto-form {
+  background: #000;
+  border: 1px solid #f0a;
+}
+.goto-form label {
+  color: #fff;
+}
+
+.deck-menu .slide {
+  background: #333;
+}
+.deck-menu .deck-current {
+  background: #444;
+}
+.boxshadow .deck-menu .deck-current {
+  background: #000;
+  box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
+}
+.no-touch .deck-menu .slide:hover {
+  background: #444;
+}
+.no-touch.boxshadow .deck-menu .slide:hover {
+  background: #000;
+  box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
+}
diff --git a/doc/backends/deckjs/deck.js/themes/style/neon.scss b/doc/backends/deckjs/deck.js/themes/style/neon.scss
new file mode 100644
index 00000000..1631950e
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/style/neon.scss
@@ -0,0 +1,148 @@
+@import "reset";
+
+h1 {
+  color:#0af;
+  font-weight:normal;
+  font-weight:100;
+  text-shadow:0 0 50px #0af, 0 0 3px #fff;
+}
+
+h2 {
+  color:#af0;
+  border-bottom-color:#ccc;
+  font-weight:normal;
+  font-weight:100;
+  text-shadow:0 0 15px #af0, 0 0 2px #fff;
+  border-bottom:1px solid #333;
+}
+
+h3 {
+  color:#fff;
+  font-weight:normal;
+  font-weight:100;
+  text-shadow:0 0 10px #fff, 0 0 2px #fff;
+}
+
+pre {
+  border-color:#333;
+
+  code {
+    color:#fff;
+  }
+}
+
+code {
+  color:#f0a;
+}
+
+blockquote {
+  font-size:2em;
+  padding:1em 2em;
+  color:#fff;
+  border-left:5px solid #fff;
+
+  p {
+    margin:0;
+  }
+
+  cite {
+    font-size:.5em;
+    font-style:normal;
+    font-weight:normal;
+    font-weight:100;
+    color:#aaa;
+    text-shadow:0 0 15px #fff, 0 0 2px #fff;
+  }
+}
+
+::-moz-selection{ background:#a0f; }
+::selection { background:#a0f; }
+
+a {
+  &, &:hover, &:focus, &:active, &:visited {
+    color:#f0a;
+    text-decoration:none;
+  }
+
+  &:hover, &:focus {
+    text-decoration:underline;
+  }
+}
+
+.deck-container {
+  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
+  font-size:1.75em;
+  color:#aaa;
+  background:#000;
+
+  > .slide {
+    padding:0 48px;
+  }
+}
+
+.slide {
+  .deck-before, .deck-previous {
+    opacity:0.4;
+
+    &:not(.deck-child-current) {
+      .deck-before, .deck-previous {
+  opacity:1;
+      }
+    }
+  }
+
+  .deck-child-current {
+    opacity:1;
+  }
+}
+
+.deck-prev-link, .deck-next-link {
+  background:#f0a;
+  text-shadow:0 0 3px #fff;
+
+  &, &:hover, &:focus, &:active, &:visited {
+    color:#fff;
+  }
+
+  &:hover, &:focus {
+    text-decoration:none;
+    box-shadow:0 0 20px #f0a, 0 0 5px #fff;
+  }
+}
+
+.deck-status {
+  font-size:0.6666em;
+}
+
+.goto-form {
+  background:#000;
+  border:1px solid #f0a;
+
+  label {
+    color:#fff;
+  }
+}
+
+.deck-menu {
+  .slide {
+    background:#333;
+  }
+
+  .deck-current {
+    background:#444;
+
+    .boxshadow & {
+      background:#000;
+      box-shadow:0 0 20px #f0a, 0 0 5px #fff;
+    }
+  }
+
+  .no-touch & .slide:hover {
+    background:#444;
+  }
+
+  .no-touch.boxshadow & .slide:hover {
+    background:#000;
+    box-shadow:0 0 20px #f0a, 0 0 5px #fff;
+  }
+}
\ No newline at end of file
diff --git a/doc/backends/deckjs/deck.js/themes/style/swiss.css b/doc/backends/deckjs/deck.js/themes/style/swiss.css
new file mode 100644
index 00000000..aaa33e8d
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/style/swiss.css
@@ -0,0 +1,404 @@
+/* Resets and base styles from HTML5 Boilerplate */
+div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+
+blockquote, q {
+  quotes: none;
+}
+blockquote:before, blockquote:after, q:before, q:after {
+  content: "";
+  content: none;
+}
+
+ins {
+  background-color: #ff9;
+  color: #000;
+  text-decoration: none;
+}
+
+mark {
+  background-color: #ff9;
+  color: #000;
+  font-style: italic;
+  font-weight: bold;
+}
+
+del {
+  text-decoration: line-through;
+}
+
+abbr[title], dfn[title] {
+  border-bottom: 1px dotted;
+  cursor: help;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+table, th, td {
+    border: 1px solid black;
+}
+
+th {
+
+background-color: #CBD5E8;
+
+}
+
+hr {
+  display: block;
+  height: 1px;
+  border: 0;
+  border-top: 1px solid #ccc;
+  margin: 1em 0;
+  padding: 0;
+}
+
+input, select {
+  vertical-align: middle;
+}
+
+select, input, textarea, button {
+  font: 99% sans-serif;
+}
+
+pre, code, kbd, samp {
+  font-family: monospace, sans-serif;
+}
+
+a {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+a:hover, a:active {
+  outline: none;
+}
+
+ul, ol {
+  margin-left: 2em;
+  vertical-align: top;
+}
+
+ol {
+  list-style-type: decimal;
+}
+
+nav ul, nav li {
+  margin: 0;
+  list-style: none;
+  list-style-image: none;
+}
+
+small {
+  font-size: 85%;
+}
+
+strong, th {
+  font-weight: bold;
+}
+
+td {
+  vertical-align: top;
+}
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+textarea {
+  overflow: auto;
+}
+
+input[type="radio"] {
+  vertical-align: text-bottom;
+}
+
+input[type="checkbox"] {
+  vertical-align: bottom;
+}
+
+label,
+input[type="button"],
+input[type="submit"],
+input[type="image"],
+button {
+  cursor: pointer;
+}
+
+button, input, select, textarea {
+  margin: 0;
+}
+
+input:invalid, textarea:invalid {
+  border-radius: 1px;
+  -moz-box-shadow: 0px 0px 5px red;
+  -webkit-box-shadow: 0px 0px 5px red;
+  box-shadow: 0px 0px 5px red;
+}
+input:invalid .no-boxshadow, textarea:invalid .no-boxshadow {
+  background-color: #f0dddd;
+}
+
+button {
+  width: auto;
+  overflow: visible;
+}
+
+select, input, textarea {
+  color: #444444;
+}
+
+a {
+  color: #607890;
+}
+a:hover, a:focus {
+  color: #036;
+}
+a:link {
+  -webkit-tap-highlight-color: #fff;
+}
+
+/* End HTML5 Boilerplate adaptations */
+h1 {
+  font-size: 4.5em;
+}
+
+h1, .vcenter {
+  font-weight: bold;
+  text-align: center;
+  padding-top: 1em;
+  max-height: 100%;
+}
+.csstransforms h1, .csstransforms .vcenter {
+  padding: 0 48px;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 50%;
+  -webkit-transform: translate(0, -50%);
+  -moz-transform: translate(0, -50%);
+  -ms-transform: translate(0, -50%);
+  -o-transform: translate(0, -50%);
+  transform: translate(0, -50%);
+}
+
+.vcenter h1 {
+  position: relative;
+  top: auto;
+  padding: 0;
+  -webkit-transform: none;
+  -moz-transform: none;
+  -ms-transform: none;
+  -o-transform: none;
+  transform: none;
+}
+
+h2 {
+  font-size: 2.25em;
+  font-weight: bold;
+  padding-top: .5em;
+  margin: 0 0 .66666em 0;
+  border-bottom: 3px solid #888;
+}
+
+h3 {
+  font-size: 1.4375em;
+  font-weight: bold;
+  margin-bottom: .30435em;
+}
+
+h4 {
+  font-size: 1.25em;
+  font-weight: bold;
+  margin-bottom: .25em;
+}
+
+h5 {
+  font-size: 1.125em;
+  font-weight: bold;
+  margin-bottom: .2222em;
+}
+
+h6 {
+  font-size: 1em;
+  font-weight: bold;
+}
+
+img, iframe, video {
+  display: block;
+  max-width: 100%;
+}
+
+video, iframe, img {
+  display: block;
+  margin: 0 auto;
+}
+
+p, blockquote, iframe, img, ul, ol, pre, video {
+  margin-bottom: 1em;
+}
+
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  padding: 1em;
+  border: 1px solid #888;
+}
+
+em {
+  font-style: italic;
+}
+
+li {
+  padding: .25em 0;
+  vertical-align: middle;
+}
+li > ol, li > ul {
+  margin-bottom: inherit;
+}
+
+.deck-container {
+  font-size: 16px;
+  line-height: 1.25;
+  color: #444;
+}
+
+.slide {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+h1 {
+  color: #0E244B;
+}
+
+div.content  {
+  background: #f8f8f8;
+}
+
+
+h2 {
+  color: #c00;
+  border-bottom-color: #ccc;
+}
+
+h3 {
+  color: #888;
+}
+
+pre {
+  border-color: #ccc;
+}
+
+code {
+  color: #888;
+}
+
+blockquote {
+  font-size: 2em;
+  font-style: italic;
+  padding: 1em 2em;
+  color: #000;
+  border-left: 5px solid #ccc;
+}
+blockquote p {
+  margin: 0;
+}
+blockquote cite {
+  font-size: .5em;
+  font-style: normal;
+  font-weight: bold;
+  color: #888;
+}
+
+::-moz-selection {
+  background: #c00;
+  color: #fff;
+}
+
+::selection {
+  background: #c00;
+  color: #fff;
+}
+
+a, a:hover, a:focus, a:active, a:visited {
+  color: #c00;
+  text-decoration: none;
+}
+a:hover, a:focus {
+  text-decoration: underline;
+}
+
+.deck-container {
+  font-family: "Helvetica Neue", sans-serif;
+  font-size: 1.75em;
+  background: #fff;
+}
+.deck-container > .slide {
+  padding: 0 48px;
+}
+
+.slide .deck-before, .slide .deck-previous {
+  opacity: 0.4;
+}
+.slide .deck-before:not(.deck-child-current) .deck-before, .slide .deck-before:not(.deck-child-current) .deck-previous, .slide .deck-previous:not(.deck-child-current) .deck-before, .slide .deck-previous:not(.deck-child-current) .deck-previous {
+  opacity: 1;
+}
+.slide .deck-child-current {
+  opacity: 1;
+}
+
+.deck-prev-link, .deck-next-link {
+  background: #ccc;
+  font-family: serif;
+}
+.deck-prev-link, .deck-prev-link:hover, .deck-prev-link:focus, .deck-prev-link:active, .deck-prev-link:visited, .deck-next-link, .deck-next-link:hover, .deck-next-link:focus, .deck-next-link:active, .deck-next-link:visited {
+  color: #fff;
+}
+.deck-prev-link:hover, .deck-prev-link:focus, .deck-next-link:hover, .deck-next-link:focus {
+  background: #c00;
+  text-decoration: none;
+}
+
+.deck-status {
+  font-size: 0.6666em;
+}
+
+.deck-menu .slide {
+  background: #eee;
+}
+.deck-menu .deck-current, .no-touch .deck-menu .slide:hover {
+  background: #ddf;
+}
diff --git a/doc/backends/deckjs/deck.js/themes/style/swiss.scss b/doc/backends/deckjs/deck.js/themes/style/swiss.scss
new file mode 100644
index 00000000..781574e0
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/style/swiss.scss
@@ -0,0 +1,109 @@
+@import "reset";
+
+h1 {
+  color:#000;
+}
+
+h2 {
+  color:#c00;
+  border-bottom-color:#ccc;
+}
+
+h3 {
+  color:#888;
+}
+
+pre {
+  border-color:#ccc;
+}
+
+code {
+  color:#888;
+}
+
+blockquote {
+  font-size:2em;
+  font-style:italic;
+  padding:1em 2em;
+  color:#000;
+  border-left:5px solid #ccc;
+
+  p {
+    margin:0;
+  }
+
+  cite {
+    font-size:.5em;
+    font-style:normal;
+    font-weight:bold;
+    color:#888;
+  }
+}
+
+::-moz-selection{ background:#c00; color:#fff; }
+::selection { background:#c00; color:#fff; }
+
+a {
+  &, &:hover, &:focus, &:active, &:visited {
+    color:#c00;
+    text-decoration:none;
+  }
+
+  &:hover, &:focus {
+    text-decoration:underline;
+  }
+}
+
+.deck-container {
+  font-family: "Helvetica Neue", sans-serif;
+  font-size:1.75em;
+  background:#fff;
+
+  > .slide {
+    padding:0 48px;
+  }
+}
+
+.slide {
+  .deck-before, .deck-previous {
+    opacity:0.4;
+
+    &:not(.deck-child-current) {
+      .deck-before, .deck-previous {
+        opacity:1;
+      }
+    }
+  }
+
+  .deck-child-current {
+    opacity:1;
+  }
+}
+
+.deck-prev-link, .deck-next-link {
+  background:#ccc;
+  font-family:serif;
+
+  &, &:hover, &:focus, &:active, &:visited {
+    color:#fff;
+  }
+
+  &:hover, &:focus {
+    background:#c00;
+    text-decoration:none;
+  }
+}
+
+.deck-status {
+  font-size:0.6666em;
+}
+
+.deck-menu {
+  .slide {
+    background:#eee;
+  }
+
+  .deck-current, .no-touch & .slide:hover {
+    background:#ddf;
+  }
+}
diff --git a/doc/backends/deckjs/deck.js/themes/style/web-2.0.css b/doc/backends/deckjs/deck.js/themes/style/web-2.0.css
new file mode 100644
index 00000000..05f628c7
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/style/web-2.0.css
@@ -0,0 +1,500 @@
+@charset "UTF-8";
+/* Resets and base styles from HTML5 Boilerplate */
+div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+
+blockquote, q {
+  quotes: none;
+}
+blockquote:before, blockquote:after, q:before, q:after {
+  content: "";
+  content: none;
+}
+
+ins {
+  background-color: #ff9;
+  color: #000;
+  text-decoration: none;
+}
+
+mark {
+  background-color: #ff9;
+  color: #000;
+  font-style: italic;
+  font-weight: bold;
+}
+
+del {
+  text-decoration: line-through;
+}
+
+abbr[title], dfn[title] {
+  border-bottom: 1px dotted;
+  cursor: help;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+hr {
+  display: block;
+  height: 1px;
+  border: 0;
+  border-top: 1px solid #ccc;
+  margin: 1em 0;
+  padding: 0;
+}
+
+input, select {
+  vertical-align: middle;
+}
+
+select, input, textarea, button {
+  font: 99% sans-serif;
+}
+
+pre, code, kbd, samp {
+  font-family: monospace, sans-serif;
+}
+
+a {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+a:hover, a:active {
+  outline: none;
+}
+
+ul, ol {
+  margin-left: 2em;
+  vertical-align: top;
+}
+
+ol {
+  list-style-type: decimal;
+}
+
+nav ul, nav li {
+  margin: 0;
+  list-style: none;
+  list-style-image: none;
+}
+
+small {
+  font-size: 85%;
+}
+
+strong, th {
+  font-weight: bold;
+}
+
+td {
+  vertical-align: top;
+}
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+textarea {
+  overflow: auto;
+}
+
+input[type="radio"] {
+  vertical-align: text-bottom;
+}
+
+input[type="checkbox"] {
+  vertical-align: bottom;
+}
+
+label,
+input[type="button"],
+input[type="submit"],
+input[type="image"],
+button {
+  cursor: pointer;
+}
+
+button, input, select, textarea {
+  margin: 0;
+}
+
+input:invalid, textarea:invalid {
+  border-radius: 1px;
+  -moz-box-shadow: 0px 0px 5px red;
+  -webkit-box-shadow: 0px 0px 5px red;
+  box-shadow: 0px 0px 5px red;
+}
+input:invalid .no-boxshadow, textarea:invalid .no-boxshadow {
+  background-color: #f0dddd;
+}
+
+button {
+  width: auto;
+  overflow: visible;
+}
+
+select, input, textarea {
+  color: #444444;
+}
+
+a {
+  color: #607890;
+}
+a:hover, a:focus {
+  color: #036;
+}
+a:link {
+  -webkit-tap-highlight-color: #fff;
+}
+
+/* End HTML5 Boilerplate adaptations */
+h1 {
+  font-size: 4.5em;
+}
+
+h1, .vcenter {
+  font-weight: bold;
+  text-align: center;
+  padding-top: 1em;
+  max-height: 100%;
+}
+.csstransforms h1, .csstransforms .vcenter {
+  padding: 0 48px;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 50%;
+  -webkit-transform: translate(0, -50%);
+  -moz-transform: translate(0, -50%);
+  -ms-transform: translate(0, -50%);
+  -o-transform: translate(0, -50%);
+  transform: translate(0, -50%);
+}
+
+.vcenter h1 {
+  position: relative;
+  top: auto;
+  padding: 0;
+  -webkit-transform: none;
+  -moz-transform: none;
+  -ms-transform: none;
+  -o-transform: none;
+  transform: none;
+}
+
+h2 {
+  font-size: 2.25em;
+  font-weight: bold;
+  padding-top: .5em;
+  margin: 0 0 .66666em 0;
+  border-bottom: 3px solid #888;
+}
+
+h3 {
+  font-size: 1.4375em;
+  font-weight: bold;
+  margin-bottom: .30435em;
+}
+
+h4 {
+  font-size: 1.25em;
+  font-weight: bold;
+  margin-bottom: .25em;
+}
+
+h5 {
+  font-size: 1.125em;
+  font-weight: bold;
+  margin-bottom: .2222em;
+}
+
+h6 {
+  font-size: 1em;
+  font-weight: bold;
+}
+
+img, iframe, video {
+  display: block;
+  max-width: 100%;
+}
+
+video, iframe, img {
+  display: block;
+  margin: 0 auto;
+}
+
+p, blockquote, iframe, img, ul, ol, pre, video {
+  margin-bottom: 1em;
+}
+
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  padding: 1em;
+  border: 1px solid #888;
+}
+
+em {
+  font-style: italic;
+}
+
+li {
+  padding: .25em 0;
+  vertical-align: middle;
+}
+li > ol, li > ul {
+  margin-bottom: inherit;
+}
+
+.deck-container {
+  font-size: 16px;
+  line-height: 1.25;
+  color: #444;
+}
+
+.slide {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
+}
+
+h1 {
+  color: #08455f;
+}
+
+h2 {
+  color: #0b7495;
+  border-bottom: 0;
+}
+.cssreflections h2 {
+  line-height: 1;
+  -webkit-box-reflect: below -0.5555em -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.3, transparent), color-stop(0.7, rgba(255, 255, 255, 0.1)), to(transparent));
+  -moz-box-reflect: below -0.5555em -moz-linear-gradient(top, transparent 0%, transparent 30%, rgba(255, 255, 255, 0.3) 100%);
+}
+
+h3 {
+  color: #000;
+}
+
+pre {
+  border-color: #cde;
+  background: #fff;
+  position: relative;
+  z-index: auto;
+  border-radius: 5px;
+  /* http://nicolasgallagher.com/css-drop-shadows-without-images/ */
+}
+.csstransforms.boxshadow pre > :first-child:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  background: #fff;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+.csstransforms.boxshadow pre:before, .csstransforms.boxshadow pre:after {
+  content: "";
+  position: absolute;
+  z-index: -2;
+  bottom: 15px;
+  width: 50%;
+  height: 20%;
+  max-width: 300px;
+  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
+}
+.csstransforms.boxshadow pre:before {
+  left: 10px;
+  -webkit-transform: rotate(-3deg);
+  -ms-transform: rotate(-3deg);
+  transform: rotate(-3deg);
+}
+.csstransforms.boxshadow pre:after {
+  right: 10px;
+  -webkit-transform: rotate(3deg);
+  -ms-transform: rotate(3deg);
+  transform: rotate(3deg);
+}
+
+code {
+  color: #789;
+}
+
+blockquote {
+  font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
+  font-size: 2em;
+  padding: 1em 2em .5em 2em;
+  color: #000;
+  background: #fff;
+  position: relative;
+  border: 1px solid #cde;
+  z-index: auto;
+  border-radius: 5px;
+}
+.boxshadow blockquote > :first-child:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  background: #fff;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+.boxshadow blockquote:after {
+  content: "";
+  position: absolute;
+  z-index: -2;
+  top: 10px;
+  bottom: 10px;
+  left: 0;
+  right: 50%;
+  -moz-border-radius: 10px / 100px;
+  border-radius: 10px / 100px;
+  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
+}
+blockquote p {
+  margin: 0;
+}
+blockquote cite {
+  font-size: .5em;
+  font-style: normal;
+  font-weight: bold;
+  color: #888;
+}
+blockquote:before {
+  content: "“";
+  position: absolute;
+  top: 0;
+  left: 0;
+  font-size: 5em;
+  line-height: 1;
+  color: #ccf0f0;
+  z-index: 1;
+}
+
+::-moz-selection {
+  background: #08455f;
+  color: #fff;
+}
+
+::selection {
+  background: #08455f;
+  color: #fff;
+}
+
+a, a:hover, a:focus, a:active, a:visited {
+  color: #599;
+  text-decoration: none;
+}
+a:hover, a:focus {
+  text-decoration: underline;
+}
+
+.deck-container {
+  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
+  font-size: 1.75em;
+  background: #f4fafe;
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4fafe), color-stop(100%, #ccf0f0));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
+  /* Opera11.10+ */
+  background: -ms-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
+  /* IE10+ */
+  background: linear-gradient(top, #f4fafe 0%, #ccf0f0 100%);
+  /* W3C */
+  background-attachment: fixed;
+  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
+}
+.deck-container > .slide {
+  padding: 0 48px;
+}
+
+.slide .deck-before, .slide .deck-previous {
+  opacity: 0.4;
+}
+.slide .deck-before:not(.deck-child-current) .deck-before, .slide .deck-before:not(.deck-child-current) .deck-previous, .slide .deck-previous:not(.deck-child-current) .deck-before, .slide .deck-previous:not(.deck-child-current) .deck-previous {
+  opacity: 1;
+}
+.slide .deck-child-current {
+  opacity: 1;
+}
+
+.deck-prev-link, .deck-next-link {
+  background: #fff;
+  opacity: 0.5;
+}
+.deck-prev-link, .deck-prev-link:hover, .deck-prev-link:focus, .deck-prev-link:active, .deck-prev-link:visited, .deck-next-link, .deck-next-link:hover, .deck-next-link:focus, .deck-next-link:active, .deck-next-link:visited {
+  color: #599;
+}
+.deck-prev-link:hover, .deck-prev-link:focus, .deck-next-link:hover, .deck-next-link:focus {
+  opacity: 1;
+  text-decoration: none;
+}
+
+.deck-status {
+  font-size: 0.6666em;
+}
+
+.deck-menu .slide {
+  background: transparent;
+  border-radius: 5px;
+}
+.rgba .deck-menu .slide {
+  background: rgba(0, 0, 0, 0.1);
+}
+.deck-menu .slide.deck-current, .rgba .deck-menu .slide.deck-current, .no-touch .deck-menu .slide:hover {
+  background: #fff;
+}
+
+.goto-form {
+  background: #fff;
+  border: 1px solid #cde;
+  border-radius: 5px;
+}
+.boxshadow .goto-form {
+  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+}
diff --git a/doc/backends/deckjs/deck.js/themes/style/web-2.0.scss b/doc/backends/deckjs/deck.js/themes/style/web-2.0.scss
new file mode 100644
index 00000000..aa9e9b0a
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/style/web-2.0.scss
@@ -0,0 +1,228 @@
+@mixin rotate($deg) {
+  -webkit-transform:rotate($deg);
+  -ms-transform:rotate($deg);
+  transform:rotate($deg);
+}
+
+@import "reset";
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
+}
+
+h1 {
+  color:#08455f;
+}
+
+h2 {
+  color:#0b7495;
+  border-bottom:0;
+
+  .cssreflections & {
+    line-height:1;
+    -webkit-box-reflect:below -0.5555em -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.3, transparent), color-stop(0.7, rgba(255,255,255,.1)), to(transparent));
+    -moz-box-reflect:below -0.5555em -moz-linear-gradient(top, transparent 0%, transparent 30%, rgba(255,255,255,.3) 100%);
+  }
+}
+
+h3 {
+  color:#000;
+}
+
+pre {
+  border-color:#cde;
+  background:#fff;
+  position:relative;
+  z-index:auto;
+  border-radius:5px;
+
+  /* http://nicolasgallagher.com/css-drop-shadows-without-images/ */
+  .csstransforms.boxshadow & {
+    > :first-child:before {
+      content:"";
+      position:absolute;
+      z-index:-1;
+      background:#fff;
+      top:0;
+      bottom:0;
+      left:0;
+      right:0;
+    }
+
+    &:before, &:after {
+      content:"";
+      position:absolute;
+      z-index:-2;
+      bottom:15px;
+      width:50%;
+      height:20%;
+      max-width:300px;
+      box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
+    }
+
+    &:before {
+      left:10px;
+      @include rotate(-3deg);
+    }
+
+    &:after {
+      right:10px;
+      @include rotate(3deg);
+    }
+  }
+}
+
+code {
+  color:#789;
+}
+
+blockquote {
+  font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
+  font-size:2em;
+  padding:1em 2em .5em 2em;
+  color:#000;
+  background:#fff;
+  position:relative;
+  border:1px solid #cde;
+  z-index:auto;
+  border-radius:5px;
+
+  .boxshadow & {
+    > :first-child:before {
+      content:"";
+      position:absolute;
+      z-index:-1;
+      background:#fff;
+      top:0;
+      bottom:0;
+      left:0;
+      right:0;
+    }
+
+    &:after {
+      content:"";
+      position:absolute;
+      z-index:-2;
+      top: 10px;
+      bottom: 10px;
+      left: 0;
+      right: 50%;
+      -moz-border-radius: 10px / 100px;
+      border-radius: 10px / 100px;
+      box-shadow:0 0 15px rgba(0,0,0,0.6);
+    }
+  }
+
+  p {
+    margin:0;
+  }
+
+  cite {
+    font-size:.5em;
+    font-style:normal;
+    font-weight:bold;
+    color:#888;
+  }
+
+  &:before {
+    content:"“";
+    position:absolute;
+    top:0;
+    left:0;
+    font-size:5em;
+    line-height:1;
+    color:#ccf0f0;
+    z-index:1;
+  }
+}
+
+::-moz-selection{ background:#08455f; color:#fff; }
+::selection { background:#08455f; color:#fff; }
+
+a {
+  &, &:hover, &:focus, &:active, &:visited {
+    color:#599;
+    text-decoration:none;
+  }
+
+  &:hover, &:focus {
+    text-decoration:underline;
+  }
+}
+
+.deck-container {
+  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
+  font-size:1.75em;
+  background: rgb(244,250,254); /* Old browsers */
+  background: -moz-linear-gradient(top, rgba(244,250,254,1) 0%, rgba(204,240,240,1) 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,250,254,1)), color-stop(100%,rgba(204,240,240,1))); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, rgba(244,250,254,1) 0%,rgba(204,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, rgba(244,250,254,1) 0%,rgba(204,240,240,1) 100%); /* Opera11.10+ */
+  background: -ms-linear-gradient(top, rgba(244,250,254,1) 0%,rgba(204,240,240,1) 100%); /* IE10+ */
+  background: linear-gradient(top, rgba(244,250,254,1) 0%,rgba(204,240,240,1) 100%); /* W3C */
+  background-attachment: fixed;
+  text-shadow:1px 1px 1px rgba(255,255,255,.5);
+
+  > .slide {
+    padding:0 48px;
+  }
+}
+
+.slide {
+  .deck-before, .deck-previous {
+    opacity:0.4;
+
+    &:not(.deck-child-current) {
+      .deck-before, .deck-previous {
+        opacity:1;
+      }
+    }
+  }
+
+  .deck-child-current {
+    opacity:1;
+  }
+}
+
+.deck-prev-link, .deck-next-link {
+  background:#fff;
+  opacity:0.5;
+
+  &, &:hover, &:focus, &:active, &:visited {
+    color:#599;
+  }
+
+  &:hover, &:focus {
+    opacity:1;
+    text-decoration:none;
+  }
+}
+
+.deck-status {
+  font-size:0.6666em;
+}
+
+.deck-menu {
+  .slide {
+    background:transparent;
+    border-radius:5px;
+
+    .rgba & {
+      background:rgba(0,0,0,.1);
+    }
+
+    &.deck-current, .rgba &.deck-current, .no-touch &:hover {
+      background:#fff;
+    }
+  }
+}
+
+.goto-form {
+  background:#fff;
+  border:1px solid #cde;
+  border-radius:5px;
+
+  .boxshadow & {
+    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+  }
+}
\ No newline at end of file
diff --git a/doc/backends/deckjs/deck.js/themes/transition/beamer.css b/doc/backends/deckjs/deck.js/themes/transition/beamer.css
new file mode 100644
index 00000000..f6b06a38
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/transition/beamer.css
@@ -0,0 +1,66 @@
+.csstransitions.csstransforms {
+  overflow-x: hidden; }
+  .csstransitions.csstransforms .deck-container .slide {
+    -webkit-transition: -webkit-transform 500ms ease-in-out;
+    -moz-transition: -moz-transform 500ms ease-in-out;
+    -ms-transition: -ms-transform 500ms ease-in-out;
+    -o-transition: -o-transform 500ms ease-in-out;
+    transition: transform 500ms ease-in-out; }
+  .csstransitions.csstransforms .deck-container:not(.deck-menu) .slide {
+    position: absolute;
+    top: 0;
+    left: 0;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    width: 100%; }
+    .csstransitions.csstransforms .deck-container:not(.deck-menu) .slide .slide {
+      position: relative;
+      left: 0;
+      top: 0;
+      -webkit-transition: -webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+      -moz-transition: -moz-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+      -ms-transition: -ms-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+      -o-transition: -o-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+      transition: -webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out; }
+    .csstransitions.csstransforms .deck-container:not(.deck-menu) .slide .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) .slide .deck-after {
+      visibility: visible;
+      -webkit-transform: translate3d(200%, 0, 0);
+      -moz-transform: translate(200%, 0);
+      -ms-transform: translate(200%, 0);
+      -o-transform: translate(200%, 0);
+      transform: translate3d(200%, 0, 0); }
+    .csstransitions.csstransforms .deck-container:not(.deck-menu) .slide .deck-before, .csstransitions.csstransforms .deck-container:not(.deck-menu) .slide .deck-previous {
+      opacity: 0.4; }
+  .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous {
+    -webkit-transform: translate3d(-200%, 0, 0);
+    -moz-transform: translate(-200%, 0);
+    -ms-transform: translate(-200%, 0);
+    -o-transform: translate(-200%, 0);
+    transform: translate3d(-200%, 0, 0); }
+  .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before {
+    -webkit-transform: translate3d(-400%, 0, 0);
+    -moz-transform: translate(-400%, 0);
+    -ms-transform: translate(-400%, 0);
+    -o-transform: translate(-400%, 0);
+    transform: translate3d(-400%, 0, 0); }
+  .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-next {
+    -webkit-transform: translate3d(200%, 0, 0);
+    -moz-transform: translate(200%, 0);
+    -ms-transform: translate(200%, 0);
+    -o-transform: translate(200%, 0);
+    transform: translate3d(200%, 0, 0); }
+  .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-after {
+    -webkit-transform: translate3d(400%, 0, 0);
+    -moz-transform: translate(400%, 0);
+    -ms-transform: translate(400%, 0);
+    -o-transform: translate(400%, 0);
+    transform: translate3d(400%, 0, 0); }
+  .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before .slide, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous .slide {
+    visibility: visible; }
+  .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current {
+    -webkit-transform: none;
+    -moz-transform: none;
+    -ms-transform: none;
+    -o-transform: none;
+    transform: none; }
diff --git a/doc/backends/deckjs/deck.js/themes/transition/beamer.scss b/doc/backends/deckjs/deck.js/themes/transition/beamer.scss
new file mode 100644
index 00000000..b6408d0d
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/transition/beamer.scss
@@ -0,0 +1,95 @@
+@mixin translate($x: 0, $y: 0, $z: 0) {
+    -webkit-transform:translate3d($x, $y, $z);
+    -moz-transform:translate($x, $y);
+    -ms-transform:translate($x, $y);
+    -o-transform:translate($x, $y);
+    transform:translate3d($x, $y, $z);
+}
+
+@mixin transition($prop, $duration, $easing: ease-in-out, $delay: 0ms) {
+    -webkit-transition:$prop $duration $easing $delay;
+    -moz-transition:$prop $duration $easing $delay;
+    -ms-transition:$prop $duration $easing $delay;
+    -o-transition:$prop $duration $easing $delay;
+    transition:$prop $duration $easing $delay;
+}
+
+@mixin transform($val) {
+    -webkit-transform:$val;
+    -moz-transform:$val;
+    -ms-transform:$val;
+    -o-transform:$val;
+    transform:$val;
+}
+
+.csstransitions.csstransforms {
+    overflow-x:hidden;
+    
+    .deck-container .slide {
+        -webkit-transition:-webkit-transform 500ms ease-in-out;
+        -moz-transition:-moz-transform 500ms ease-in-out;
+        -ms-transition:-ms-transform 500ms ease-in-out;
+        -o-transition:-o-transform 500ms ease-in-out;
+        transition:transform 500ms ease-in-out;
+    }
+    
+    .deck-container:not(.deck-menu) {
+        .slide {
+            position: absolute;
+            top:0;
+            left:0;
+            -webkit-box-sizing: border-box;
+            -moz-box-sizing: border-box;
+            box-sizing: border-box;
+            width: 100%;
+            //padding:24px 24px;
+            
+            .slide {
+                
+                position:relative;
+                left: 0;
+                top: 0;
+                -webkit-transition: -webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+                -moz-transition: -moz-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+                -ms-transition: -ms-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+                -o-transition: -o-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+                transition: -webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+            }
+            
+            .deck-next, .deck-after {
+                visibility: visible;
+                @include translate(200%);
+            }
+            
+            .deck-before, .deck-previous {
+                opacity:0.4;
+            }
+        }
+        
+        > .deck-previous {
+            @include translate(-200%);
+        }
+        
+        > .deck-before {
+            @include translate(-400%);
+        }
+        
+        > .deck-next {
+            @include translate(200%);
+        }
+        
+        > .deck-after {
+            @include translate(400%);
+        }
+        
+        > .deck-before, > .deck-previous {
+            .slide {
+                visibility:visible;
+            }
+        }
+        
+        > .deck-child-current {
+            @include transform(none);
+        }
+    }
+}
\ No newline at end of file
diff --git a/doc/backends/deckjs/deck.js/themes/transition/fade.css b/doc/backends/deckjs/deck.js/themes/transition/fade.css
new file mode 100644
index 00000000..ad5338cf
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/transition/fade.css
@@ -0,0 +1,35 @@
+.csstransitions.csstransforms .deck-container .slide {
+  -webkit-transition: opacity 500ms ease-in-out 0ms;
+  transition: opacity 500ms ease-in-out 0ms;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .slide {
+  position: relative;
+  left: 0;
+  top: 0;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-after {
+  opacity: 0;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-current {
+  opacity: 1;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-after {
+  opacity: 0;
+  pointer-events: none;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before .slide, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous .slide {
+  visibility: visible;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: auto;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current .deck-after {
+  visibility: hidden;
+}
diff --git a/doc/backends/deckjs/deck.js/themes/transition/fade.scss b/doc/backends/deckjs/deck.js/themes/transition/fade.scss
new file mode 100644
index 00000000..56fbd4c5
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/transition/fade.scss
@@ -0,0 +1,59 @@
+@mixin translate($x: 0, $y: 0, $z: 0) {
+  -webkit-transform:translate3d($x, $y, $z);
+  -ms-transform:translate($x, $y);
+  transform:translate3d($x, $y, $z);
+}
+
+@mixin transition($prop, $duration, $easing: ease-in-out, $delay: 0ms) {
+  -webkit-transition:$prop $duration $easing $delay;
+  transition:$prop $duration $easing $delay;
+}
+
+.csstransitions.csstransforms {
+  .deck-container .slide {
+    @include transition(opacity, 500ms);
+  }
+
+  .deck-container:not(.deck-menu) {
+    > .slide {
+      position:absolute;
+      top:0;
+      left:0;
+
+      .slide {
+        position:relative;
+        left:0;
+        top:0;
+      }
+
+      .deck-next, .deck-after {
+        opacity:0;
+      }
+
+      .deck-current {
+        opacity:1;
+      }
+    }
+
+    > .deck-previous, > .deck-before, > .deck-next, > .deck-after {
+      opacity:0;
+      pointer-events:none;
+    }
+
+    > .deck-before, > .deck-previous {
+      .slide {
+        visibility:visible;
+      }
+    }
+
+    > .deck-child-current {
+      opacity:1;
+      visibility:visible;
+      pointer-events:auto;
+
+      .deck-next, .deck-after {
+        visibility:hidden;
+      }
+    }
+  }
+}
diff --git a/doc/backends/deckjs/deck.js/themes/transition/horizontal-slide.css b/doc/backends/deckjs/deck.js/themes/transition/horizontal-slide.css
new file mode 100644
index 00000000..183f030c
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/transition/horizontal-slide.css
@@ -0,0 +1,53 @@
+.csstransitions.csstransforms {
+  overflow-x: hidden;
+}
+.csstransitions.csstransforms .deck-container > .slide {
+  -webkit-transition: -webkit-transform 500ms ease-in-out;
+  transition: transform 500ms ease-in-out;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .slide {
+  position: relative;
+  left: 0;
+  top: 0;
+  -webkit-transition: -webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+  transition: transform 500ms ease-in-out, opacity 500ms ease-in-out;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-after {
+  visibility: visible;
+  -webkit-transform: translate3d(200%, 0, 0);
+  -ms-transform: translate(200%, 0);
+  transform: translate3d(200%, 0, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous {
+  -webkit-transform: translate3d(-200%, 0, 0);
+  -ms-transform: translate(-200%, 0);
+  transform: translate3d(-200%, 0, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before {
+  -webkit-transform: translate3d(-400%, 0, 0);
+  -ms-transform: translate(-400%, 0);
+  transform: translate3d(-400%, 0, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-next {
+  -webkit-transform: translate3d(200%, 0, 0);
+  -ms-transform: translate(200%, 0);
+  transform: translate3d(200%, 0, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-after {
+  -webkit-transform: translate3d(400%, 0, 0);
+  -ms-transform: translate(400%, 0);
+  transform: translate3d(400%, 0, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before .slide, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous .slide {
+  visibility: visible;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current {
+  -webkit-transform: none;
+  -ms-transform: none;
+  transform: none;
+}
diff --git a/doc/backends/deckjs/deck.js/themes/transition/horizontal-slide.scss b/doc/backends/deckjs/deck.js/themes/transition/horizontal-slide.scss
new file mode 100644
index 00000000..d24f8ed0
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/transition/horizontal-slide.scss
@@ -0,0 +1,72 @@
+@mixin translate($x: 0, $y: 0, $z: 0) {
+  -webkit-transform:translate3d($x, $y, $z);
+  -ms-transform:translate($x, $y);
+  transform:translate3d($x, $y, $z);
+}
+
+@mixin transition($prop, $duration, $easing: ease-in-out, $delay: 0ms) {
+  -webkit-transition:$prop $duration $easing $delay;
+  transition:$prop $duration $easing $delay;
+}
+
+@mixin transform($val) {
+  -webkit-transform:$val;
+  -ms-transform:$val;
+  transform:$val;
+}
+
+.csstransitions.csstransforms {
+  overflow-x:hidden;
+
+  .deck-container > .slide {
+    -webkit-transition:-webkit-transform 500ms ease-in-out;
+    transition:transform 500ms ease-in-out;
+  }
+
+  .deck-container:not(.deck-menu) {
+    > .slide {
+      position:absolute;
+      top:0;
+      left:0;
+
+      .slide {
+        position:relative;
+        left:0;
+        top:0;
+        -webkit-transition:-webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+        transition:transform 500ms ease-in-out, opacity 500ms ease-in-out;
+      }
+
+      .deck-next, .deck-after {
+        visibility:visible;
+        @include translate(200%);
+      }
+    }
+
+    > .deck-previous {
+      @include translate(-200%);
+    }
+
+    > .deck-before {
+      @include translate(-400%);
+    }
+
+    > .deck-next {
+      @include translate(200%);
+    }
+
+    > .deck-after {
+      @include translate(400%);
+    }
+
+    > .deck-before, > .deck-previous {
+      .slide {
+        visibility:visible;
+      }
+    }
+
+    > .deck-child-current {
+      @include transform(none);
+    }
+  }
+}
\ No newline at end of file
diff --git a/doc/backends/deckjs/deck.js/themes/transition/vertical-slide.css b/doc/backends/deckjs/deck.js/themes/transition/vertical-slide.css
new file mode 100644
index 00000000..b8ec020a
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/transition/vertical-slide.css
@@ -0,0 +1,67 @@
+.csstransitions.csstransforms .deck-container {
+  overflow-y: hidden;
+}
+.csstransitions.csstransforms .deck-container > .slide {
+  -webkit-transition: -webkit-transform 500ms ease-in-out;
+  transition: transform 500ms ease-in-out;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .slide {
+  position: relative;
+  left: 0;
+  top: 0;
+  -webkit-transition: -webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+  transition: transform 500ms ease-in-out, opacity 500ms ease-in-out;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-after {
+  visibility: visible;
+  -webkit-transform: translate3d(0, 1600px, 0);
+  -ms-transform: translate(0, 1600px);
+  transform: translate3d(0, 1600px, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous {
+  -webkit-transform: translate3d(0, -200%, 0);
+  -ms-transform: translate(0, -200%);
+  transform: translate3d(0, -200%, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before {
+  -webkit-transform: translate3d(0, -400%, 0);
+  -ms-transform: translate(0, -400%);
+  transform: translate3d(0, -400%, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-next {
+  -webkit-transform: translate3d(0, 200%, 0);
+  -ms-transform: translate(0, 200%);
+  transform: translate3d(0, 200%, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-after {
+  -webkit-transform: translate3d(0, 400%, 0);
+  -ms-transform: translate(0, 400%);
+  transform: translate3d(0, 400%, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before .slide, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous .slide {
+  visibility: visible;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current {
+  -webkit-transform: none;
+  -ms-transform: none;
+  transform: none;
+}
+.csstransitions.csstransforms .deck-prev-link {
+  left: auto;
+  right: 8px;
+  top: 59px;
+  -webkit-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
+.csstransitions.csstransforms .deck-next-link {
+  top: 99px;
+  -webkit-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
diff --git a/doc/backends/deckjs/deck.js/themes/transition/vertical-slide.scss b/doc/backends/deckjs/deck.js/themes/transition/vertical-slide.scss
new file mode 100644
index 00000000..2187725c
--- /dev/null
+++ b/doc/backends/deckjs/deck.js/themes/transition/vertical-slide.scss
@@ -0,0 +1,92 @@
+@mixin translate($x: 0, $y: 0, $z: 0) {
+  -webkit-transform:translate3d($x, $y, $z);
+  -ms-transform:translate($x, $y);
+  transform:translate3d($x, $y, $z);
+}
+
+@mixin rotate($deg) {
+  -webkit-transform:rotate($deg);
+  -ms-transform:rotate($deg);
+  transform:rotate($deg);
+}
+
+@mixin transition($prop, $duration, $easing: ease-in-out, $delay: 0ms) {
+  -webkit-transition:$prop $duration $easing $delay;
+  transition:$prop $duration $easing $delay;
+}
+
+@mixin transform($val) {
+  -webkit-transform:$val;
+  -ms-transform:$val;
+  transform:$val;
+}
+
+.csstransitions.csstransforms {
+  .deck-container {
+    overflow-y:hidden;
+
+    > .slide {
+      -webkit-transition:-webkit-transform 500ms ease-in-out;
+      transition:transform 500ms ease-in-out;
+    }
+  }
+
+  .deck-container:not(.deck-menu) {
+    > .slide {
+      position:absolute;
+      top:0;
+      left:0;
+
+      .slide {
+        position:relative;
+        left:0;
+        top:0;
+        -webkit-transition:-webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+        transition:transform 500ms ease-in-out, opacity 500ms ease-in-out;
+      }
+
+      .deck-next, .deck-after {
+        visibility:visible;
+        @include translate(0, 1600px);
+      }
+    }
+
+    > .deck-previous {
+      @include translate(0, -200%);
+    }
+
+    > .deck-before {
+      @include translate(0, -400%);
+    }
+
+    > .deck-next {
+      @include translate(0, 200%);
+    }
+
+    > .deck-after {
+      @include translate(0, 400%);
+    }
+
+    > .deck-before, > .deck-previous {
+      .slide {
+        visibility:visible;
+      }
+    }
+
+    > .deck-child-current {
+      @include transform(none);
+    }
+  }
+
+  .deck-prev-link {
+    left:auto;
+    right:8px;
+    top:59px;
+    @include rotate(90deg);
+  }
+
+  .deck-next-link {
+    top:99px;
+    @include rotate(90deg);
+  }
+}
\ No newline at end of file