<!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="content-type"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <link rel="stylesheet" href="/common/render-sd.css"></link> <script data-main="main" src="/bower_components/requirejs/require.js"></script> <style> html, body { padding: 0px; margin: 0px; box-sizing: border-box; } #target { position: fixed; width: 100%; max-width: 100%; height: 100%; overflow: auto; font-size: 15px; top: 0px; left: 0px; } #inner { margin: 15px; } /* don't show the textarea, it's strictly functional */ textarea { display: none; } /* don't let images overflow*/ img { max-width: 100%; } /* monospace for code */ code { font-family: monospace; } /* bigger text size for difficult to read elements */ blockquote, p, pre, code, li { font-size: 20px; } /* tables */ table, thead, tbody, th, tr, td{ border: 1pt solid #586e75; background-color: #002b36; padding: 15px; } </style> </head> <body> <div id="target"> <div id="inner"></div> </div> <textarea></textarea> </body> </html>