Add Style
The following was borrowed (with a couple of modifications) from the Flask tutorial that this tutorial is based on. This is the style.css
file located in /blog/static
.
body { font-family: sans-serif; background: #eee; }
a, h1, h3 { color: #377ba8; }
h1, h2, h3 { font-family: 'Georgia', serif; margin: 0; }
h1, h2 { border-bottom: 2px solid #eee; padding: 3px; }
h3 { padding: 3px; }
dd { display: block; margin-left: 0px; }
dl { font-weight: bold; }
a:visited { color: #800080; }
.page { margin: 2em auto; width: 35em; border: 5px solid #ccc; padding: 0.8em; background: white; }
.posts { list-style: none; margin: 0; padding: 0; }
.posts li { margin: 0.8em 1.2em; }
.posts li h2 { margin-left: -1em; }
.metanav { text-align: right; font-size: 0.8em; padding: 0.3em; margin-bottom: 1em; background: #fafafa; }
.flash { background: #cee5F5; padding: 0.5em; border: 1px solid #aacbe2; }
.error { background: #f0d6d6; padding: 0.5em; }