diff --git a/static/rss.png b/static/rss.png new file mode 100644 index 0000000..6dda2dc Binary files /dev/null and b/static/rss.png differ diff --git a/static/style.css b/static/style.css new file mode 100644 index 0000000..16e03a0 --- /dev/null +++ b/static/style.css @@ -0,0 +1,133 @@ +body { + background: black; + color: #ffffff; + font-size: 90%; + font-family: 'Hack' +} + +main { + max-width: 800px; + margin: auto; +} + +img { + max-width: 100%; +} + +header h1 { + font-size: 200%; + text-align: center; + color: #ff8800; +} + +h1 { + line-height: 0.8; + font-size: 140%; + color: #ff4400; +} + +.pagetitle { + font-size: 140%; + line-height: 0.8; +} + +h2 { + line-height: 0.5; + font-size: 120%; + line-height: 0.8; + color: #ff8800; +} + +h3 { + line-height: 0.2; + font-size: 100%; +} + +footer { + text-align: center; + clear: both; +} + +a { + color: #008800; + cursor: pointer; + font-style: italic; +} + +a:hover { + color: white; +} + +p > code, +li > code, +dd > code, +td > code { + background: #000; + color: #00ff00; + box-decoration-break: clone; + padding: .3rem .3rem .3rem; + border-radius: .4rem; +} + +nav { + text-align: center; + display: flex; + align-items: center; + justify-content: space-between; + position: sticky; + padding: 0px 20px 0px 0px; + background-color: #222 ; +} + +.nav-list { + display: flex; + list-style: none; +} + +.nav-list li { + margin-right: 20px; +} + +.nav-list li:last-child { + margin-right: 0; +} + +.rightNav { + display: flex; + list-style: none; +} + +.rss-button img { + max-height: 1.5em; + margin-right: 20px; + cursor: pointer; +} + +.rss-button img:hover { + opacity: 0.7; +} + +/* For TAGLIST.HTML */ +.taglist { + text-align: center; + clear: both; +} + +/* For NEXTPREV.HTML */ +#nextprev { +/* The container for both the previous and next articles. */ +} + +#prevart { +float: left; +text-align: left; +} + +#nextart { +float: right; +text-align: right; +} + +#nextart, #prevart { +max-width: 33%; +}