mirror of
https://github.com/fadden/6502bench.git
synced 2024-08-14 18:28:57 +00:00
We now generate GIF images for visualizations and add inline references to them in the HTML output. Images are scaled using the HTML img properties. This works well on some browsers, but others insist on "smooth" scaling that blurs out the pixels. This may require a workaround. An extra blank line is now added above visualizations. This helps keep the image and data visually grouped. The Apple II bitmap test project was updated to have a visualization set with multiple images at the top of the file.
43 lines
1.1 KiB
CSS
43 lines
1.1 KiB
CSS
/*
|
|
* 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;
|
|
}
|