diff options
| author | Bernhard Posselt <nukeawhale@gmail.com> | 2012-08-18 22:12:40 +0200 |
|---|---|---|
| committer | Bernhard Posselt <nukeawhale@gmail.com> | 2012-08-18 22:12:40 +0200 |
| commit | 334d8f160be5e5232f2308c240c8706e92af34da (patch) | |
| tree | df43a98366c1742ec7c07c90777f629d28e71c7a /css | |
| parent | ada562c9743fd94bea0b58baa3d412682849c6c1 (diff) | |
readability improvements for articles!
Diffstat (limited to 'css')
| -rw-r--r-- | css/news.css | 42 |
1 files changed, 38 insertions, 4 deletions
diff --git a/css/news.css b/css/news.css index 79cd05fcf..4f47e35ff 100644 --- a/css/news.css +++ b/css/news.css @@ -586,7 +586,30 @@ div.add_parentfolder { .feed_item div.body p { line-height: 1.5; - margin: 10px 0; + margin: .5em 0; + } + + .feed_item div.body img { + max-width: 55em; + } + + .feed_item div.body h2 { + font-size: 1.25em; + font-weight: bold; + color: #222; + margin: 1.5em 0 0 0; + } + + .feed_item div.body h3 { + font-size: 1.1em; + font-weight: bold; + color: #222; + margin: 1.5em 0 0 0; + text-decoration: underline; + } + + .feed_item div.body > div { + margin: .5em 0; } .feed_item div.body a { @@ -595,25 +618,36 @@ div.add_parentfolder { } .feed_item div.body ul { - padding-left: 15px; + margin: .5em 0; + padding-left: 1em; list-style-type: disc; } .feed_item div.body ul li { cursor: default; + line-height: 1.5em; } .feed_item div.body pre { - padding: 5px; + padding: .5em .5em .5em 1em; background-color: #dadada; border: 1px solid #ccc; + margin: .5em 0; + background-image: linear-gradient(top, rgb(215,215,215) 0%, rgb(220,220,220) 100%); + background-image: -o-linear-gradient(top, rgb(215,215,215) 0%, rgb(220,220,220) 100%); + background-image: -moz-linear-gradient(top, rgb(215,215,215) 0%, rgb(220,220,220) 100%); + background-image: -webkit-linear-gradient(top, rgb(215,215,215) 0%, rgb(220,220,220) 100%); + background-image: -ms-linear-gradient(top, rgb(215,215,215) 0%, rgb(220,220,220) 100%); + overflow: auto; } .feed_item div.body pre code { font-family: monospace; font-size: 1.5em; } - + .feed_item div.body > *:last-child { + margin-bottom: 0; + } /** * Line with utils at the bottom |