title: reveals.js : how to reduce space on top of slides?
body: <p>I am new using reveal.js.</p>
  
  <p>I did not manage to reduce the space on top of my slides. Could somebody help me ?</p>
  
  <p>Note : I a am using <code>pandoc</code> to create my slideshow from Markdown sources. This is the command line I use :</p>
  
  <pre><code>pandoc -s -f markdown+tex_math_single_backslash \
         --bibliography=bibliography.bib --filter pandoc-citeproc \
         --slide-level 2 --toc --mathjax -i -t revealjs -V theme:beige \
         -H mysettings.css mfront.md -o mfront.html
  </code></pre>
  
  <p>This is generated code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="generator" content="pandoc"&gt;
      &lt;meta name="author" content="Thomas Helfer" /&gt;
      &lt;meta name="dcterms.date" content="2014-01-01" /&gt;
      &lt;title&gt;MFront User Meeting: TFEL 2.0 and beyond&lt;/title&gt;
      &lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt;
      &lt;meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt;
      &lt;link rel="stylesheet" href="reveal.js/css/reveal.min.css"/&gt;
      &lt;style type="text/css"&gt;code{white-space: pre;}&lt;/style&gt;
      &lt;style type="text/css"&gt;
        table.sourceCode, tr.sourceCode, td.lineNumbers, td.sourceCode {
        margin: 0; padding: 0; vertical-align: baseline; border: none; }
        table.sourceCode { width: 100%; line-height: 100%; }
        td.lineNumbers { text-align: right; padding-right: 4px; padding-left: 4px; color: #aaaaaa; border-right: 1px solid #aaaaaa; }
        td.sourceCode { padding-left: 5px; }
        code &gt; span.kw { color: #007020; font-weight: bold; }
        code &gt; span.dt { color: #902000; }
        code &gt; span.dv { color: #40a070; }
        code &gt; span.bn { color: #40a070; }
        code &gt; span.fl { color: #40a070; }
        code &gt; span.ch { color: #4070a0; }
        code &gt; span.st { color: #4070a0; }
        code &gt; span.co { color: #60a0b0; font-style: italic; }
        code &gt; span.ot { color: #007020; }
        code &gt; span.al { color: #ff0000; font-weight: bold; }
        code &gt; span.fu { color: #06287e; }
        code &gt; span.er { color: #ff0000; font-weight: bold; }
      &lt;/style&gt;
      &lt;link rel="stylesheet" href="reveal.js/css/theme/simple.css" id="theme"&gt;
      &lt;!-- If the query includes 'print-pdf', include the PDF print sheet --&gt;
      &lt;script&gt;
        if( window.location.search.match( /print-pdf/gi ) ) {
        var link = document.createElement( 'link' );
        link.rel = 'stylesheet';
        link.type = 'text/css';
        link.href = 'reveal.js/css/print/pdf.css';
        document.getElementsByTagName( 'head' )[0].appendChild( link );
        }
      &lt;/script&gt;
      &lt;!--[if lt IE 9]&gt;
      &lt;script src="reveal.js/lib/js/html5shiv.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
      &lt;script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"&gt;&lt;/script&gt;
      &lt;style type="text/css"&gt;
        .reveal h1 { font-size: 2.5em; }
        .reveal section img {
        border: none;
        box-shadow: none;
        }
        body {
        background: url("images/background.svg") no-repeat fixed top left
        }
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div class="reveal"&gt;
        &lt;div class="slides"&gt;
  &lt;/section&gt;&lt;section id="logarithmic-strains---principle" class="slide level2"&gt;
    &lt;h1&gt;Logarithmic strains - Principle&lt;/h1&gt;
    &lt;ul&gt;
      &lt;li class="fragment"&gt;&lt;span class="math"&gt;\({\underline{T}}\)&lt;/span&gt; is the dual of the logarithmic strain &lt;span class="math"&gt;\({\underline{\epsilon}^{\mathrm{to}}}{}_{\text{log}}\)&lt;/span&gt;
        &lt;ul&gt;
      &lt;li class="fragment"&gt;&lt;span class="math"&gt;\(P={\underline{T}}\,\colon\,{\underline{\epsilon}^{\mathrm{to}}}{}_{\text{log}}={\underline{S}}\,\colon\,{\underline{\epsilon}^{\mathrm{to}}}{}_{\text{GL}}\)&lt;/span&gt;&lt;/li&gt;
      &lt;/ul&gt;&lt;/li&gt;
      &lt;li class="fragment"&gt;if the small strain behaviour is &lt;strong&gt;thermodynamically consistent&lt;/strong&gt;, so does the corresponding finite strain behaviour.&lt;/li&gt;
      &lt;li class="fragment"&gt;the behaviour is &lt;strong&gt;objective&lt;/strong&gt; due to its lagrangian nature.&lt;/li&gt;
      &lt;li class="fragment"&gt;&lt;strong&gt;no restriction&lt;/strong&gt; on the small strain behaviour (initial and induced &lt;strong&gt;orthotropy&lt;/strong&gt; can be handled appropriately: application to Zircaloy ?)
        &lt;ul&gt;
      &lt;li class="fragment"&gt;much more appealing than the hypoelastic &lt;a href="http://www-cast3m.cea.fr/"&gt;Cast3M&lt;/a&gt; formulation&lt;/li&gt;
      &lt;/ul&gt;&lt;/li&gt;
      &lt;li class="fragment"&gt;&lt;em&gt;drawbacks:&lt;/em&gt; the pre- and post-processing stage are non trivial and may have a significant computation costs.&lt;/li&gt;
      &lt;li class="fragment"&gt;&lt;span class="math"&gt;\({\underline{T}}\)&lt;/span&gt; is the dual of the logarithmic strain &lt;span class="math"&gt;\({\underline{\epsilon}^{\mathrm{to}}}{}_{\text{log}}\)&lt;/span&gt;
        &lt;ul&gt;
      &lt;li class="fragment"&gt;&lt;span class="math"&gt;\(P={\underline{T}}\,\colon\,{\underline{\epsilon}^{\mathrm{to}}}{}_{\text{log}}={\underline{S}}\,\colon\,{\underline{\epsilon}^{\mathrm{to}}}{}_{\text{GL}}\)&lt;/span&gt;&lt;/li&gt;
      &lt;/ul&gt;&lt;/li&gt;
      &lt;li class="fragment"&gt;&lt;span class="math"&gt;\({\underline{T}}\)&lt;/span&gt; is the dual of the logarithmic strain &lt;span class="math"&gt;\({\underline{\epsilon}^{\mathrm{to}}}{}_{\text{log}}\)&lt;/span&gt;
        &lt;ul&gt;
      &lt;li class="fragment"&gt;&lt;span class="math"&gt;\(P={\underline{T}}\,\colon\,{\underline{\epsilon}^{\mathrm{to}}}{}_{\text{log}}={\underline{S}}\,\colon\,{\underline{\epsilon}^{\mathrm{to}}}{}_{\text{GL}}\)&lt;/span&gt;&lt;/li&gt;
      &lt;/ul&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/section&gt;&lt;/section&gt;&lt;/section&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;script src="reveal.js/lib/js/head.min.js"&gt;&lt;/script&gt;
  &lt;script src="reveal.js/js/reveal.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  
    // Full list of configuration options available here:
    // https://github.com/hakimel/reveal.js#configuration
    Reveal.initialize({
    controls: true,
    progress: true,
    history: true,
    center: true,
    theme: 'beige', // available themes are in /css/theme
    transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
  
    // Optional libraries used to extend on reveal.js
    dependencies: [
    { src: 'reveal.js/lib/js/classList.js', condition: function() { return !document.body.classList; } },
    { src: 'reveal.js/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
    { src: 'reveal.js/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } },
    //          { src: 'reveal.js/plugin/search/search.js', async: true, condition: function() { return !!document.body.classList; }, }
    //          { src: 'reveal.js/plugin/remotes/remotes.js', async: true, condition: function() { return !!document.body.classList; } }
    ]});
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This leads to a slide title under a significant margin and parts of the slide hidden.</p>