From 802bb02c63cb6b3002c5a9c71f9bf8985b804fd3 Mon Sep 17 00:00:00 2001 From: John O'Nolan Date: Sun, 11 Aug 2013 17:37:57 +0200 Subject: [PATCH] Minor footer style tweaks and added new RSS/subscription button --- assets/css/screen.css | 38 +++++++++++++++++++++++++++++++++++--- assets/img/rss.png | Bin 0 -> 351 bytes post.hbs | 1 + 3 files changed, 36 insertions(+), 3 deletions(-) create mode 100644 assets/img/rss.png diff --git a/assets/css/screen.css b/assets/css/screen.css index 7249e98..563551c 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -29,6 +29,18 @@ body { color: #50585D; } +::-moz-selection { + color: #222; + background: #D6EDFF; + text-shadow: none; +} + +::selection { + color: #222; + background: #D6EDFF; + text-shadow: none; +} + h1, h2, h3 h4, h5, h6 { margin:0; @@ -81,7 +93,7 @@ a:hover { .post-footer { position: relative; padding: 4rem 100px 0 0; - margin: 4rem 0 0 0; + margin: 6rem 0 0 0; border-top: #DDE6EB 1px solid; font-size: 1.6rem; line-height: 1.5em; @@ -131,12 +143,32 @@ a:hover { } .related-footer { - margin: 4rem 0 0 0; - padding: 4rem 0; + position: relative; + margin: 6rem 0 0 0; + padding: 6rem 0; border-top: #DDE6EB 1px solid; background: #F2F5F7; } +.subscribe { + width: 28px; + height: 28px; + position: absolute; + top:-14px; + left:50%; + margin-left: -14px; + border: #DDE6EB 1px solid; + text-align: center; + line-height: 2.4rem; + border-radius: 50px; + background: #fff; + transition: all 0.25s; +} + +.subscribe:hover { + box-shadow: rgba(0,0,0,0.05) 0 0 0 3px; +} + .related-post { max-width: 700px; margin: 0 auto; diff --git a/assets/img/rss.png b/assets/img/rss.png new file mode 100644 index 0000000000000000000000000000000000000000..e07512ac4c99f350e1bf9fb175eefda6ee2c496f GIT binary patch literal 351 zcmV-l0igbgP)q z`WSjXOie|}GQnH*Dk?<_B9Qw!#jX1cgM6NMT5^*+_T-Go$n+$<-3^A=Qn)T{ZZ~SU zx_9vvY;erN3%2J}lvUy28+=4I+jJHm#*a`g!= +
John O'Nolan on The Future