Mercurial > web-octave
changeset 79:4e0675ad8c98 kai
Tidy up CSS. Improve image alingment on page content.
author | Kai T. Ohlhus <k.ohlhus@gmail.com> |
---|---|
date | Thu, 13 Oct 2016 17:55:37 +0200 |
parents | 5fc2af501316 |
children | 05b2f0d66aa8 |
files | css/octave.css |
diffstat | 1 files changed, 21 insertions(+), 9 deletions(-) [+] |
line wrap: on
line diff
--- a/css/octave.css Thu Oct 13 17:55:06 2016 +0200 +++ b/css/octave.css Thu Oct 13 17:55:37 2016 +0200 @@ -18,10 +18,6 @@ height: 18px; } -span.post-small { - font-size: 85%; -} - div.alert { border: 2px solid #ff0000; padding: 5px; @@ -61,12 +57,24 @@ color: #1b1c7d; } +div.news-content { + margin-left:1em; +} + div.page-content { width: 540px; margin: 0 auto; text-align: justify; } +div.page-content img { + max-width:100%; + display: block; + margin-left: auto; + margin-right: auto; + border: 1px solid #0790c0; +} + footer { clear: both; font-size: x-small; @@ -76,11 +84,6 @@ margin-top: 20px; } -dt { - font-weight: bold; - margin-top: 7px; -} - time { font-weight: normal; } @@ -147,6 +150,8 @@ ul.topnav li.icon { float: right; display: inline-block; + margin-left: 15px; + margin-right: 15px; } ul.topnav.responsive { position: relative; @@ -168,6 +173,9 @@ width: auto; margin: 15px; } + div.page-content img { + width: 500px; + } } @media screen and (min-width:1000px) { @@ -176,6 +184,10 @@ margin-left: 10%; margin-right: 10%; } + + div.page-content img { + width: 500px; + } } /* Syntax highlight with https://rubygems.org/gems/pygments.rb within Jekyll */