bhollis/maruku

body {
    max-width: 36em;
}

div.maruku-equation {
    display: block;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

div.maruku-equation span.maruku-eq-number {
    float: right;
    padding-right: 2em;
}

div.maruku-equation div.maruku-eq-tex {
    font-size: 70%;
    float: left;
    margin-top: -1em;
    padding: .5em;
    border: dashed 1px #faa;
}

div.maruku-equation  div.maruku-eq-tex:hover {
    float: none;
    display: block;
    padding: 3em;
    /*background-color: lightgray;*/
}

div.maruku-equation  div.maruku-eq-tex code {
    display: none;
    background-color: #ffe;
    padding: 1em;
}

div.maruku-equation  div.maruku-eq-tex:hover  code {
    display: block !important;
}