{% extends 'mysrc/base.html' %}
{% block title %}Matplotlib Helper{% endblock %}

{% block extrastyle %}
div#operations {
  position: fixed;
  width: 100%;
  height: 60px;
  top:60px;
  z-index:500;
  padding-bottom:20px;
  background-color: white;
}
div.pic {padding: 20px;}
.idlabel {font-size: 12px; font-weight:bold; color:#080;}
.vspace {margin-top: 8px; margin-bottom: 8px;}
img {max-width: 100%; max-height: 200px; object-fit: cover;}
h2 {margin-left: 20px;}
div#showme {position: fixed; right:20px; top:20px; background-color: #fafafa; z-index:1000;}
div#command{width: 70%; padding: 20px; margin-bottom: 20px;}
div#categories{margin-top:20px;}
div#pix {
  position: relative;
  width: 100%;
  margin-top: 240px;
  overflow: auto;
  max-height: 1200px;
  max-width: 100%;
}

.hideme {display: none;}
{% endblock extrastyle %}

{% block menu %}
<a class="nav-item nav-link" href="/mpl/graphs/">Graphs</a>
<a class="nav-item nav-link" href="/mpl/tips/">Tips</a>
{% endblock menu %}