{#
basicstrap/_theme_preview.html
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Theme preview window

:copyright: Copyright 2014 by tell-k.
:license: MIT Licence, see LICENSE for details.
#}

<img src="{{ pathto('_static/css/bootstrap2/bootswatch-amelia.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap2/bootswatch-cerulean.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap2/bootswatch-cosmo.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap2/bootswatch-cyborg.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap2/bootswatch-flatly.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap2/bootswatch-journal.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap2/bootswatch-readable.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap2/bootswatch-simplex.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap2/bootswatch-slate.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap2/bootswatch-spacelab.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap2/bootswatch-spruce.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap2/bootswatch-superhero.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap2/bootswatch-united.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap2/geo-bootstrap.css', 1) }}" style="display:none;" />

<img src="{{ pathto('_static/css/bootstrap3/bootswatch-amelia.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap3/bootswatch-cerulean.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap3/bootswatch-cosmo.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap3/bootswatch-cyborg.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap3/bootswatch-darkly.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap3/bootswatch-flatly.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap3/bootswatch-journal.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap3/bootswatch-lumen.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap3/bootswatch-paper.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap3/bootswatch-readable.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap3/bootswatch-sandstone.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap3/bootswatch-simplex.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap3/bootswatch-slate.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap3/bootswatch-spacelab.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap3/bootswatch-superhero.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap3/bootswatch-united.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/bootstrap3/bootswatch-yeti.css', 1) }}" style="display:none;" />

<img src="{{ pathto('_static/css/adjust_theme/bootswatch-amelia.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-cerulean.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-cosmo.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-cyborg.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-darkly.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-flatly.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-journal.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-lumen.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-paper.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-readable.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-sandstone.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-simplex.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-slate.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-spacelab.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-spruce.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-superhero.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-united.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/bootswatch-yeti.css', 1) }}" style="display:none;" />
<img src="{{ pathto('_static/css/adjust_theme/geo-bootstrap.css', 1) }}" style="display:none;" />

<div class="modal fade debug-modal" style="display:none;" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">

      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <p class="modal-title" id="myLargeModalLabel">Inner theme preview</p>
      </div>

      <div class="modal-body">
        <form class="form-inline" role="form">
          <div class="form-group">
            <select id="select-theme" class="form-control" style="width:200px;">
              <option value="">default</option>
              <option value="bootswatch-amelia">bootswatch-amelia</option>
              <option value="bootswatch-cerulean">bootswatch-cerulean</option>
              <option value="bootswatch-cosmo">bootswatch-cosmo</option>
              <option value="bootswatch-cyborg">bootswatch-cyborg</option>
              <option value="bootswatch-flatly">bootswatch-flatly</option>
              <option value="bootswatch-journal">bootswatch-journal</option>
              <option value="bootswatch-readable">bootswatch-readable</option>
              <option value="bootswatch-simplex">bootswatch-simplex</option>
              <option value="bootswatch-slate">bootswatch-slate</option>
              <option value="bootswatch-spacelab">bootswatch-spacelab</option>
              <option value="bootswatch-superhero">bootswatch-superhero</option>
              <option value="bootswatch-united">bootswatch-united</option>
              {%- if theme_bootstrap_version == "3" %}
              <option value="bootswatch-paper">bootswatch-paper</option>
              <option value="bootswatch-sandstone">bootswatch-sandstone</option>
              <option value="bootswatch-darkly">bootswatch-darkly</option>
              <option value="bootswatch-lumen">bootswatch-lumen</option>
              <option value="bootswatch-yeti">bootswatch-yeti</option>
              {%- else %}
              <option value="bootswatch-spruce">bootswatch-spruce</option>
              <option value="geo-bootstrap">geo-bootstrap</option>
              {%- endif %}
            </select><br />
          </div>
          <div class="checkbox">
            &nbsp;
            <label>
              &nbsp;<input type="checkbox" id="select-header-inverse"> Header inverse color
            </label>
          </div>
          <div class="checkbox">
            &nbsp;
            <label>
              &nbsp;<input type="checkbox" id="select-relbar-inverse"> Relbar inverse color
            </label>
          </div>
        </form>
        <span id="bootstrap-version" style="display:none">{{ theme_bootstrap_version }}</span>
        <p style="padding-top:10px">
        If you add the following options in conf.py, you can apply the design.
        </p>

        <div id="quick-preview-theme-options" class="highlight-python">
          <div class="highlight">
            <pre>html_theme_options = {
   'header_inverse': False,
   'relbar_inverse': False,
   'inner_theme': False,
}
            </pre>
          </div>
        </div>

      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->