/*
 * 6502bench SourceGen disassembly output style.
 */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;                /* 16 recommended for mobile */
    padding: 0px;
    margin: 20px 10px 10px 10px;    /* TRBL order */
}
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}

/*
 * Blue underlined text is distracting.  Change internal links to be
 * plain black text until they're hovered over.
 */
a[href^="#"]:link, a[href^="#"]:visited {
    color: black;
    text-decoration: none;
}
a[href^="#"]:hover {
    color: blue;
    text-decoration: underline;
}

/*
 * Put a border around visualizations.  Disable smoothing so they don't
 * blur out.
 *
 * Pixelated rendering works in Chrome, Safari, and IE11, but doesn't in
 * current versions of Edge and Firefox.  We could do it with Javascript
 * Canvas (e.g. https://stackoverflow.com/a/19129822/294248), or by
 * generating scaled thumbnail files directly.
 */
.vis {
    border: 1px solid gray;

    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: pixelated;
}